VScode实现uniapp小程序开发（含小程序运行、热重载等）

一、背景

虽然HBuilder x是uniapp官网推荐的编辑器，但是对于习惯于vscode开发的人来说，会感觉hbuilder没有vscode便捷，包含不限于，git图形化操作不便捷（虽然有插件实现，但是也不是很好用）、修改文件记录查看不清晰、卡顿、等等，总之不太习惯，所以这里介绍的是vscode如何写uniapp小程序。

二、vscode运行小程序项目

首先可以看下你的项目的package.json文件，查看运行命令。

"dev:mp-weixin": "uni -p mp-weixin"
"build:mp-weixin": "uni build -p mp-weixin"

注意：上面的两个命令一个是开发模式的热加载运行命令，一个是生产模式的编译模式。我们这里使用的就是npm run dev:mp-weixin命令。

三、热重载实现代码变化页面即变化

首先命令我们刚刚说过了，下面说一下配置，连插件都不需要安装，只需要打开微信开发者工具，点击设置=》编辑器设置=》勾选修改文件时自动修改、保存时自动编译小程序即可。此时就可以实现热重载了。