搭建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打開項(xiàng)目刪除無關(guān)內(nèi)容
image.png
輸入命令蟀架,
npm run dev:wx
用微信開發(fā)者工具打開dist目錄下的wx文件夾
image.png
運(yùn)行的效果
image.png
至此瓣赂,我們第一個mpvue的微信小程序項(xiàng)目已經(jīng)可以運(yùn)行了。
注意:npm run dev:wx是打包微信小程序片拍,同理npm run dev:my就是支付寶小程序煌集。(swan:百度,tt:頭條)