WePY(1):安装WePY、结合微信web开发者工具

安装WePY

打开WePY的GitHub官网,有非常简单的安装步骤:

  1. 安装(更新) wepy 命令行工具
npm install wepy-cli -g

2.生成开发示例

wepy init standard myproject

这一步要填些东西,AppID从 微信公众平台 | 小程序 抄,双选题如果不懂一律填n

  1. 安装依赖
cd myproject
npm install
  1. 开发实时编译
wepy build --watch

注意事项:

  1. 安装NodeJS的最新版本。
  2. 我推荐使用淘宝的NPM镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 如果安装过程中有ERROR报错,就重复执行命令,一般两三次就好。因为NodeJS这种下载package的方式注定就很依赖网络的稳定性。

结合微信web开发者工具

  1. 下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

  2. 安装。

  3. 开打软件,新建项目:
    a. 目录选择刚才wepy build --watch生成的dist文件夹。
    b. AppID一样。
    c. 项目名称跟刚才生成开发示例的时候填的一致。

  4. 这时候基本OK了,只是你会发现模拟器的UI比较乱,Console里也有很多报错。解决办法是点击工具栏最右侧的“详情”,然后关掉“ES6转ES5”即可。由于ES6(也就是ES2015)发布好几年了,微信在2017年就完全支持了ES6,所以没必要转换为ES5,可以放心关掉。

你可能感兴趣的:(WePY(1):安装WePY、结合微信web开发者工具)