wepy开发微信小程序

1、安装wepy命令行工具

npm install wepy-cli -g

2、新建wepy项目

wepy init standard myproject

3、切换项目并安装依赖

cd myproject
npm  install

3、运行程序

wepy build --watch

4、开发工具配置
vscode里安装插件Vetur后打开.wpy文件，在右下角点击“纯文本”选择".wpy的配置文件关联"选择"Vue"后，语法变为高亮。
5、运行小程序
打开“微信开发者工具”，需要做以下工作：
es6: 对应关闭ES6转ES5选项，关闭。 重要：未关闭会运行报错。
postcss: 对应关闭上传代码时样式自动补全选项，关闭。 重要：某些情况下漏掉此项也会运行报错。
minified: 对应关闭代码压缩上传选项，关闭。重要：开启后，会导致真机computed, props.sync 等等属性失效。
选中“不校验合法域名”。
导入myproject目录下的dist文件夹。
然后在vscode里进行开发，微信开发者工具里进行打包编译，这操作我也是醉了。
6、代码运行如下

image.png