wepy-cli 的使用

有yarn或npm全局环境

1.初始化项目/安装全局包

• 1.1 yarn global add wepy-cli / npm i wepy-cli -g

1.安装全局wepy脚手架，安装后wepy -v若有版本显示则安装成功
2.安装后，wepy会有两种进行选择，即：

empty //空模板
standard //默认模板，开启了promise，asynv， function等功能

• 1.2 wepy init empty my-wepy

初始化项目，并建立了一个空模板

• 1.3 cd my-wepy

进入项目

• 1.4 yarn/npm install

安装依赖

• 1.5 wepy build --watch

开启监控并编译，此时目录会出现dist目录，此目录就是小程序代码的开发目录

2.打开小程序开发者工具

若无账号者请自行注册，并下载开发者工具
小程序注册网址 https://mp.weixin.qq.com/wxopen/waregister?action=step1
开发者工具下载 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18120512

• 2.1 打开后，选择我们的dist目录，添加即可，填写appId或者点击测试号 小程序，如下图
• 

2.2 添加后我们会看到如下目录

dist 是小程序编译后 目录，一般不去改变它
src 我们写代码的地方
.wpy 识别wepy的后缀名称
editorconfig 代码编辑器的风格
eslint 代码规范相关内容
.prettierrc 代码格式化的设置的
.wepycache wepy的缓存清单
project.config.json 则对应开发者工具的配置
wepy.config.js wep本身的配置

2.2.1 project.config.json

2.2.1 app.wpy
我们发现此文件无高亮，在vscode商店中所有vuter，安装后右键启用/启用显示的扩展，按下图顺序点击
在输入框中输入vue，选择vue 则可启用高亮；若选择后不生效高亮，重启vscode即可

3.使用promise语法

（1） 命令行 yarn add wepy-async-function -S / npm i wepy-async-function -S
（2）app.wpy 文件中添加如下代码


（3）运行 npm run dev ，若打印 ‘成功了’ ，我们则添加成功