听说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的选手,真是友好过了头
又会了一项技能,真是想想就害怕啊哈哈哈哈
后期遇到需要填的坑,再继续哈