之前接觸了一段時(shí)間的小程序，用的都是本身微信小程序自身的那套wxml進(jìn)行開(kāi)發(fā)。今天用mpvue搭建起框架嘗試著進(jìn)行開(kāi)發(fā)。mpvue是一個(gè)使用 Vue.js 開(kāi)發(fā)小程序的前端框架，該框架是基于 Vue.js 源碼進(jìn)行二次開(kāi)發(fā)，在增加小程序平臺(tái)的實(shí)現(xiàn)的同時(shí)，保留了跟隨 Vue.js 版本升級(jí)的能力。

一、初始化一個(gè)mpvue項(xiàng)目，搭建步驟如下：

1.安裝好node，npm，這里默認(rèn)都已經(jīng)安裝了，不多做說(shuō)明。

2.全局安裝vue-cli腳手架

? ? npm install -g vue-cli

3.創(chuàng)建一個(gè)基于mpvue-quickstart模板的新項(xiàng)目，如果沒(méi)有特殊要填寫的，可以全都默認(rèn)直接回車即可

? ? vue init mpvue/mpvue-quickstart my-project

4.安裝依賴

? ? cd my-project

? ? npm install

? ? npm run dev

二、調(diào)試開(kāi)發(fā) mpvue

打開(kāi)微信開(kāi)發(fā)者工具，選擇上面搭建好的環(huán)境里的dist文件，如果沒(méi)有AppID可以選擇體驗(yàn)，然后填寫好項(xiàng)目名稱點(diǎn)擊確定就進(jìn)入到我們的小程序界面了。

參考來(lái)源：http://baijiahao.baidu.com/s?id=1594518243394632032&wfr=spider&for=pc