之前接觸了一段時間的小程序寸齐,用的都是本身微信小程序自身的那套wxml進行開發(fā)顷牌。今天用mpvue搭建起框架嘗試著進行開發(fā)帜平。mpvue是一個使用 Vue.js 開發(fā)小程序的前端框架瀑焦,該框架是基于 Vue.js 源碼進行二次開發(fā)蔫浆,在增加小程序平臺的實現(xiàn)的同時碑宴,保留了跟隨 Vue.js 版本升級的能力软啼。
一、初始化一個mpvue項目延柠,搭建步驟如下:
1.安裝好node祸挪,npm,這里默認都已經安裝了贞间,不多做說明贿条。
2.全局安裝vue-cli腳手架
? ? npm install -g vue-cli
3.創(chuàng)建一個基于mpvue-quickstart模板的新項目雹仿,如果沒有特殊要填寫的,可以全都默認直接回車即可
? ? vue init mpvue/mpvue-quickstart my-project
4.安裝依賴
? ? cd my-project
? ? npm install
? ? npm run dev
二整以、調試開發(fā) mpvue
打開微信開發(fā)者工具胧辽,選擇上面搭建好的環(huán)境里的dist文件,如果沒有AppID可以選擇體驗公黑,然后填寫好項目名稱點擊確定就進入到我們的小程序界面了邑商。
參考來源:http://baijiahao.baidu.com/s?id=1594518243394632032&wfr=spider&for=pc