官方文档:https://didi.github.io/mpx/start.html
一. 起步
1.1 安装
npm install @mpxjs/cli -g
查看安装是否成功:mpx -V
1.2 创建工程
- 在已有文件夹内创建mpx工程:
当前文件夹名就是项目名
mpx init .
- 在当前目录中创建工程目录
mpx init 项目名
插件项目由于微信限制必须填写插件的AppID,普通项目无强制要求。
1.3 mpx编译
项目创建完成之后:
安装依赖:npm install
运行:npm run watch
1.4 小程序编译
在执行 npm run watch 之后,会将小程序的代码放在dist
文件夹里,
此时打开微信开发者工具,选择导入,导入项目目录就是dist/wx
目录
此时就可以在编辑器(我的是webstorm)写代码,微信开发者工具进行预览了。这里是两块显示器,一开用来开发,一个来预览。
提示:mpx后缀文件在webstorm里没有代码高亮,需要自行设置高亮