uniapp 生成html5_H5开发移动端APP基于uni-app

之前写过基于mui，h5 plus的APP开发

https://www.jianshu.com/p/8e7e8312f93d，这次在写个兄弟篇 uni-app开发APP。同为DCloud出品还是同样的配方、熟悉的味道，而且支持更多的平台。

1、为什么选择uni-app

基于mui，h5plus这一套技术操作随着后续的开发及项目跟进感觉越发力不从心。功能及模块通用型越来越被需要，不同业务、不同类型的全局变量，方法让人眼花缭乱，变量污染防不胜防。所以我累了，不想再写那些乱七八糟的重复性的东西了。需要向模块化、组件化改进了。

熟悉了利用hx h5+的开发转uniapp基本不用再考虑开发工具了，相同血脉几乎相同的套路，曾经的h5+也可以直接混入使用当然仅限APP端。

uniapp 官方主推，据说性能提高优化了很多。反正据我实测h5+的APP在苹果设备上表现明显不行，安卓设备还差不多。另外uni 提供了丰富的插件，虽然不太好用但也为我们实现某一功能提供点思路，关于官方插件稍后再吐槽。

OK，既然坚定了方向接下来就开干吧！

2、开发工具

logo.png

HBuilderX 版本 2.3.3.20190923

编译模式：自定义组件模式，这个默认自动设置的。这方面比较复杂，曾经的叫非自定义组件模式官方不在支持。

调试设备：安卓荣耀10，苹果iPhone5，苹果模拟器iPhoneX等。

3、开始

本文相当简洁地记述实际问题与开发总结，在此之前你肯定必须已