mpvue开发微信小程序项目结构初始化

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

github地址:https://github.com/MeituanDianping/mpvue

1. 安装nodejs https://nodejs.org/en/ 下载安装文件直接下一步即可，安装完毕后,安装完毕后在cmd执行node -v,npm-v，出现版本号，则node环境配置成功。若出现命令未定义，百度搜索配置node环境变量即可。
2. 全局安装vue-cli   执行 npm install vue-cli -g 若被墙，切换淘宝镜像，安装完毕后执行vue -V出现版本号，则安装成功
3. 用vue-cli 初始化小程序项目结构 vue init mpvue/quickstart mu-project ；
4. 进入当前项目目录执行npm install 安装依赖后，执行 npm run dev 会生成dist 目录 目录结构如下
5. 在https://mp.weixin.qq.com 微信公众平台注册小程序账号，下载微信开发者工具，打开刚才dist目录下的wx文件夹，点击编译即可看到生成的小程序。
6. 给小程序怎加一个新的页面，用自己喜欢的编辑器，打开刚才mpvue创建的项目目录，打开src/pages,添加一个user文件夹，在里面新建index.vue和main.js文件，截图如下
7. 
8. 在app.json里配置项目路径，在pages/index/index.vue里面添加一个连接到user页面的a标签，在微信开发着工具中点击编译，即可看到刚才添加的连接，点击跳到user页面。
9. mpvue开发小程序环境搭建，目录初始化结束。