初识mpvue

听说mpvue可以实现H5和小程序的同时开发  对使用过vue的选手几乎是0难度

忍不住搓搓小手手

看了文  唔~ 似乎不是很难的样子

然后实际上手操作了一下

老规矩：新建项目

npm install --global vue-cli   （# 全局安装 vue-cli）

vue init mpvue/mpvue-quickstart XXXX  （创建一个基于 mpvue-quickstart 模板的新项目）

cd XXX（找到 新建的项目XXX）

npm install  （安装依赖）

npm run dev   (启动构建)

这个时候，你会发现，新建项目下多了一个dist文件  （这个目录里就是生成的小程序相关代码）

别急，死鬼~ 如果你把项目引入微信开发工具，你会发现，工具根本识别不了.vue的文件

那怎么办嘞

其实这个时候，就应该了解文档内说的话，含沙射影在说什么了

为什么要重新 npm run dev

因为小程序需要获取最新的dist鸭

把dist文件导入小程序开发工具内 一步一步按照正常小程序的开发流程走，就可以正常运行该项目啦

官网说了，找个趁手的兵器、哦 是编辑器，按照正常开发H5的流程，找到项目里的src文件，就用vue开发此项目了

写法与vue无异，对会vue的选手，真是友好过了头

又会了一项技能，真是想想就害怕啊哈哈哈哈

后期遇到需要填的坑，再继续哈