mpvue官網(wǎng)介紹：mpvue?（github 地址請參見）是一個使用?Vue.js?開發(fā)小程序的前端框架。框架基于?Vue.js?核心，mpvue?修改了?Vue.js?的?runtime?和?compiler?實現(xiàn)，使其可以運行在小程序環(huán)境中，從而為小程序開發(fā)引入了整套?Vue.js?開發(fā)體驗。
一、環(huán)境搭建
1、安裝nodejs，從node.js官網(wǎng)下載安裝，默認一直點下一步即可，輸入node -v時，安裝成功，新版的nodejs已經(jīng)集成了npm,通過npm -v查看，如下圖所示：
2、安裝淘寶鏡像（cnpm）
(1)輸入命令
? npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)輸入cnpm -v 命令，查看安裝結(jié)果
? cnpm -v
(3)、全局安裝vue-cli腳手架
（1）、npm install -g vue-cli 或 cnpm install -g vue-cli
（2）、vue -v? ? ? ? ? ?//安裝完成，查看版本號
二、vue腳手架快速搭建mpvue小程序
1、通過mpvue-quickstart快速構(gòu)建小程序模板，執(zhí)行cd shopingMall看一下項目的文件。?
2、進入目錄shopingMall后，執(zhí)行npm install 安裝依賴，目錄會多出一個node_modules
3、運行小程序，通過npm run dev運行小程序,由于小程序環(huán)境不一樣，我們必須要用【小程序開發(fā)工具】打開小程序，如下圖所示：。
4、運行成功后，會生成一個dist文件，這就是小程序的相關(guān)代碼。
三、文件目錄介紹
1、大體目錄介紹
2、build目錄介紹
build主要是webpack的配置，啟動文件dev-server.js，輸入npm run dev首先啟動dev-server.js，它會去檢查node及npm版本，加載配置文件，啟動服務(wù)。
3、config目錄介紹
config文件主要是項目相關(guān)配置，端口配置，打包輸出配置等等。
