安装WePY
打开WePY的GitHub官网,有非常简单的安装步骤:
- 安装(更新) wepy 命令行工具
npm install wepy-cli -g
2.生成开发示例
wepy init standard myproject
这一步要填些东西,AppID从 微信公众平台 | 小程序 抄,双选题如果不懂一律填n
。
- 安装依赖
cd myproject
npm install
- 开发实时编译
wepy build --watch
注意事项:
- 安装NodeJS的最新版本。
- 我推荐使用淘宝的NPM镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 如果安装过程中有
ERROR
报错,就重复执行命令,一般两三次就好。因为NodeJS这种下载package的方式注定就很依赖网络的稳定性。
结合微信web开发者工具
下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
安装。
开打软件,新建项目:
a. 目录选择刚才wepy build --watch
生成的dist文件夹。
b. AppID一样。
c. 项目名称跟刚才生成开发示例的时候填的一致。这时候基本OK了,只是你会发现模拟器的UI比较乱,Console里也有很多报错。解决办法是点击工具栏最右侧的“详情”,然后关掉“ES6转ES5”即可。由于ES6(也就是ES2015)发布好几年了,微信在2017年就完全支持了ES6,所以没必要转换为ES5,可以放心关掉。