搭建mpvue腳手架
第一步，基于mpvue-quickstart模板創(chuàng)建新項(xiàng)目
vue init mpvue/mpvue-quickstart my-project
第二步，安裝依賴和運(yùn)行
cd my-project
cnpm install
npm run dev
第三步，用WebStorm打開(kāi)項(xiàng)目刪除無(wú)關(guān)內(nèi)容
image.png
輸入命令，
npm run dev:wx
用微信開(kāi)發(fā)者工具打開(kāi)dist目錄下的wx文件夾
image.png
運(yùn)行的效果
image.png
至此，我們第一個(gè)mpvue的微信小程序項(xiàng)目已經(jīng)可以運(yùn)行了。
注意：npm run dev:wx是打包微信小程序，同理npm run dev:my就是支付寶小程序。（swan：百度，tt：頭條）
