mpvue初接触

之前接触了一段时间的小程序，用的都是本身微信小程序自身的那套wxml进行开发。今天用mpvue搭建起框架尝试着进行开发。mpvue是一个使用 Vue.js 开发小程序的前端框架，该框架是基于 Vue.js 源码进行二次开发，在增加小程序平台的实现的同时，保留了跟随 Vue.js 版本升级的能力。

一、初始化一个mpvue项目，搭建步骤如下：

1.安装好node，npm，这里默认都已经安装了，不多做说明。

2.全局安装vue-cli脚手架

    npm install -g vue-cli

3.创建一个基于mpvue-quickstart模板的新项目，如果没有特殊要填写的，可以全都默认直接回车即可

    vue init mpvue/mpvue-quickstart my-project

4.安装依赖

    cd my-project

    npm install

    npm run dev

二、调试开发 mpvue

打开微信开发者工具，选择上面搭建好的环境里的dist文件，如果没有AppID可以选择体验，然后填写好项目名称点击确定就进入到我们的小程序界面了。

参考来源：http://baijiahao.baidu.com/s?id=1594518243394632032&wfr=spider&for=pc