基于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就搭建完成了