为什么要使用uni-app

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

同时在别的方面它也有很大优势：

ps: 如果前端想开发APP的话，去学习安卓开发和ios开发成本真的很高，React Native

的话倒还可以接受，但是如果不熟悉React, 主要擅长Vue的话其实也不是一个很好的选择。

官方文档：

https://uniapp.dcloud.io/

ps: 文档风格基本等同于小程序的开发文档：

官网demo:

ps: 官方出品，一套代码，七端运行，同时也把uni-app的api，优势长处展现的淋漓尽致。

学习成本：

适用于熟悉Vue开发,擅长微信小程序开发的前端工程师。

学习资料：

《uni-app 商业级应用实战》

• 出品人：腾讯课堂NEXT学院。
• 亮点：腾讯课堂官方出品；不懂 vue 的工程师也可快速学习；从入门到实战都包括。
• 地址：https://ke.qq.com/course/379043?from=800006421

《uni-app 跨平台应用开发教程》

• 出品人：hcoder 刘海君，课时：共25节。
• 亮点：讲师经验丰富，也是graceui框架作者。
• 地址：http://www.hcoder.net/index/uniapp

《uni-app 实战教程 - “悦读”项目实战》

• 出品人：hcoder 刘海君
• 地址：https://ke.qq.com/course/364262?tuin=4f8da6

《uni-app实战仿糗事百科app开发》

• 出品人：帝莎IT学院。
• 适用人群：具备Html+Css+Javascript基础知识。
• 地址：https://study.163.com/course/introduction.htm?courseId=1209188809&_trace_c_p_k2_=4b765abfb2f946039c8ea6230737f6af

《跟枫桥一起开发App》

• 出品人：唐枫桥
• 来源：源码商城(注：源码商城App、小程序本身就是基于uni-app开发的)
• 地址：https://www.lusita.cn/

《广州番禺职业技术学院 uni-app课程》

• 出品人：曾教授
• 网盘密码：qf0i
• 地址：https://pan.baidu.com/s/1Ni5JxEt9pfY1tY7gu90J7A

生态

其接口文档以及api调用基本与微信小程序保持一致；

同时你也可以把你的问题发在社区等待别人的回答：

如果觉得在社区等待太慢了，也可以加官方的QQ群：

插件轮子方面：

官方会时不时的举办各种活动来促进鼓励有实力的开发中造轮子的热情：

相比我5月初第一次用的时候，大概又新增了30个插件吧。蛮不错的，一般来说一个项目400个插件应该完全够你把这个项目上线了。

框架

目前我知道的uni-app框架有两个。

一个是免费的colorUI ---ps: 非常的漂亮

另一个是收费框架graceUI：

Ps: 使用这两个框架开发的都可以做到多端运行，不会出现兼容问题。

开荒感想

这个我是5月初才开始用的，到现在基本上已经通过测试：主要是一个油卡充值项目，包括商家入驻，分享，vip充值，分销等。大概是一个半商城半平台的项目吧。我需要4个端 iOS ，安卓，h5，小程序。如果单独开发的话真的费时费力。

中间开发的时候有坑，不过都不大，基本上去qq群里问一下就会有人解答，我加了两个群，如果遇到问题都是把问题同时发到两个群里面。

一般也就第一个星期写的慢一点，后期感觉完全在写Vue一样。很简单的，vue的生命周期+微信小程序的生命周期， watch监听，双向数据绑定 + v-指令，双向数据绑定等都有。基本上会vue的都可以做到无缝过渡。

uni-app代码风格(等同vue代码风格)：

开发完成之后界面效果--随机截图：