mpvue 微信小程序项目搭建

搭建mpvue脚手架

第一步，基于mpvue-quickstart模板创建新项目

vue init mpvue/mpvue-quickstart my-project

第二步，安装依赖和运行

cd my-project
cnpm install
npm run dev

第三步，用WebStorm打开项目删除无关内容

image.png

输入命令，

npm run dev:wx

用微信开发者工具打开dist目录下的wx文件夹

image.png

运行的效果

image.png

至此，我们第一个mpvue的微信小程序项目已经可以运行了。

注意：npm run dev:wx是打包微信小程序，同理npm run dev:my就是支付宝小程序。（swan：百度，tt：头条）