搭建mpvue腳手架

第一步，基于mpvue-quickstart模板創(chuàng)建新項目

vue init mpvue/mpvue-quickstart my-project

第二步，安裝依賴和運行

cd my-project
cnpm install
npm run dev

第三步，用WebStorm打開項目刪除無關內容

image.png

輸入命令，

npm run dev:wx

用微信開發(fā)者工具打開dist目錄下的wx文件夾

image.png

運行的效果

image.png

至此，我們第一個mpvue的微信小程序項目已經可以運行了。

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