天天看點

MpVue開發之架構的搭建

npm install --global  vue-cli

vue腳手架

vue init mpvue/mpvue-quickstart  my-project

建立一個基于mpvue-quickstart的新摸闆

在此我們需要命名我們的項目名稱

我們開發小程式的appid,

vux可選擇性安裝,

ESlint可選擇性安裝

cd my-project

npm install

安裝依賴包

npm run dev

啟動構架

MpVue開發之架構的搭建

出現上面這個表示算是編譯通過,但是不一定表示成功,我們打開我們的小程式編譯器,建立項目打開我們剛才建立的檔案夾,輸入我們上面的appid,點選建立

MpVue開發之架構的搭建

到這裡出現這個表示我們成功。

注:mpvue的使用需要我們有一定的vue開發經驗,因為其大多數文法都是基于vue的。是以不懂vue的童鞋,建議先熟悉熟悉vue的開發,

掌握了vue的開發的同學,利用 mpvue開發小程式則會灰常順手

部落客再次提醒大家,在小程式架構開發的過程中記得編輯器和微信編輯器要雙開哦

作者:狗尾草

-------------------------------------------

個性簽名:海到無邊天作岸,山登絕頂人為峰!

如果覺得這篇文章對你有小小的幫助的話,記得在右下角點個“推薦”哦,部落客在此感謝!