uni-app-第九章

前言

第八章讲解一下怎么在线更新APP。

这一章讲解HBuild工程和Vue-cli工程互转。

正言

vue-cli 工程转换为 HBuilderX 工程

优点

HBuildX属于推荐开发工具，当公司存在多个项目都为HBuildX时，方便管理可以转换为HBuildX工程。

或者项目经常需要真机调试，还是用HBuildX友好很多。

复制Vue_cli的src目录

修改src文件名

启动项目报错

引入uview

启动项目再报错

安装对应插件

最终运行

HBuilderX 工程转换为 vue-cli 工程

优点

vue-cli 版更新频率较高，当需要使用一些新特性时可以转换为 vue-cli 工程

创建vue-cli 工程

vue create -p dcloudio/uni-preset-vue yhg-ui

选择默认模板

HBuilderX工程文件拷贝vue-cli工程的src

备注：除 unpackage、node_modules 目录

安装npm依赖

由于项目中使用uviewui，参考uni-app第二章的npm安装部分即可。

最终运行

总结

我本人的项目中没有遇到需要互转的需求，但是感觉互转的需求还是在很多公司都是需要的。

加上看其他博主的文章，都写的比较简短，我这边就冗余缀述一下。以防万一，不然就书到用时方恨少。

总的感觉来说，工程的互相转换都比较简单顺畅，可以给设计uni-app的团队点赞的；

估计这应该是uni-app入门的最后一篇文章了。谢谢大家耐心阅读，期待共同进步；