VScode开发微信小程序

需要下载微信开发者工具。

VScode插件下载

1. 微信小程序开发工具
2. vscode weapp api
3. vscode wxml
4. vscode-wechat

通用插件

1. Prettier、ESLint 代码格式化插件
2. IntelliSense 智能提示插件

运行

vue create -p dcloudio/uni-preset-vue 项目名
项目名要小写

推荐选默认模板

为了方便运行调试，改一下package.json的启动运行命令
"serve": "npm run dev:h5", 改为 "serve": "npm run dev:mp-weixin",

先把appid改为自己账号的appid，需要登录微信公众平台打开appid
把项目src/manifest.json的"mp-weixin":中的appid改为自己的。

运行：npm run serve

打开 微信开发者工具, 导入 dist\dev\mp-weixin 运行。