首先myvue這個框架是基於vue的,所以最好時要有一些vue的基礎功底
1、node.js
先安裝Node.js
下載地址:https://nodejs.org/en/download/
2、vue-cli
vue-cli是vue專用的一個腳手架工具,可以用來創建vue項目骨架代碼
npm install vue-cli -g
3、微信開發者工具
下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
4、創建一個基於mpvue的小程序項目代碼
vue init mpvue/mpvue-quickstart applet-myvue-web
然后會出現一堆的選項,如果不用配置的話就直接一路回車
這樣已經形成了一份經過配置的代碼了,但是代碼還運行不起來,需要安裝依賴庫
cd applet-myvue-web
npm install
安裝完成后,讓代碼運行起來,進入開發模式:
npm run dev
編譯后的代碼會在dist目錄下:
5、打開微信開發者工具,導入項目(地址直接選到項目地址即可)
6、導入玩項目之后就可以看到對應效果了
大功告成,如此,便完成了一個基於mpvue的微信小程序基本搭建。