基於mpvue搭建微信小程序

mpvue是美團開源的一套語法，語法與vue.js一致，快速開發小程序的前端框架。框架基於vue.js核心，修改了vue.js的runtime和compiler實現，使用此框架，開發者可以完全使用vue.js和小程序完美契合一起。

mpvue官網：http://mpvue.com/

demo:https://github.com/Meituan-Dianping/mpvue

vue官網：https://cn.vuejs.org

 

開發環境:
1. node.js javascript運行環境(runtime)

node -v

　　

2. npm nodejs下的包管理器，由於國內使用npm會很慢，推薦使用淘寶NPM鏡像（http://npm.taobao.org/）

npm -v
npm install -g cnpm --registry=https://registry.npm.taobao.org

 

3. vue-cli 腳手架用於生成vue工程模板

npm install --global vue-cli

　　

4. 創建基於mpvue-quickstart模板的新項目

vue init mpvue/mpvue-quickstart my-project

6. 安裝項目所需依賴

// 進入項目
cd my-project
// 安裝依賴，安裝有淘寶鏡像（cnpm install）
npm install
// 運行項目
npm run dev

 

7. 微信開發者工具調試

 

到此mpvue就搭建完成了