之前接触了一段时间的小程序，用的都是本身微信小程序自身的那套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
网友评论