uni-app学习心得

一，什么是uni-app

uni-app是一个基于Vue.js的框架，它能够将同一份代码同时编译可发布到iOS、Android、Web（响应式）以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。

要进行uni-app的开发，首先的任务就是搭建开发环境。进行Node.js和HBuilderX安装。Node.js是我们运行uni-app项目必不可少的环境。如果你已经掌握了Vue.js开发的基础，那么搭建起uni-app的开发环境也是非常简单的。而HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。不管是启动速度、大文档打开速度、编码提示，都极速响应 C++的架构。是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器。

二.下载工具HBuilderX

选择对应的版本下载即可：HBuilderX-高效极客技巧 (dcloud.io)https://www.dcloud.io/hbuilderx.htmlhttps://www.dcloud.io/hbuilderx.html

 HBuilder X下载完成后即可安装，Windows版和Mac OS版的安装都很简单，按提示操作即可。

三.uni-app的优势

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。通过uni-app不仅能够提高工作效率，还能更好地满足用户需求。与其它框架相比，uni-app具有以下特点：

1.兼容性强：

uni-app实现了一套代码，同时运行到多个平台；一套代码，同时运行到iOS模拟器、Android模拟器、web、微信开发者工具、支付宝小程序。这大大提高了开发成本、降低了开发门槛、缩短了开发时间，同时还为用户提供了更好的体验。加快应用程序的上线速度。

2.多样化的组件和API：

uni-app提供了许多UI组件，包括导航栏、tab栏、表单、按钮等，且可以适用于各种平台。这些组件非常容易使用，并支持开发者根据自己的需求进行扩展和优化自定义样式。

​

3.丰富的插件

UNI-APP提供了许多插件，包括支付、分享、地图等，这些插件可以直接在代码中引用，便于开发。

4.学习成本低：

uni-app采用了Vue.js框架，如果你熟悉Vue.js，那么学习起来也会非常容易。因此对于前端开发人员比较友好，学习 uni-app 的门槛也相应降低。尤其是封装的插件与微信端小程序的组件相同。

5.开发速度快：

uni-app 使用 HBuilderX 进行开发，所以支持 vue 的语法。同时 HBuilderX 的开发和编译速度都很快，而且uni-app具有跨平台能力，开发者只需要编写一次代码就可以部署到多个平台上，这可以大大降低开发成本和时间，使得开发过程更加高效和灵活。

6.扩展能力强：

uni-app 支持 nvue，封装了 H5+。同时，还支持原生的 iOS 和安卓开发。因此将原有的H5和移动端 APP 转移到 uni-app 上面十分方便。

7. 性能优秀

uni-app在渲染性能和内存管理上做了大量优化，保证了应用的流畅性和稳定性

8.开发团队支持多

目前uni-app的开发团队DCloud发布新版本的频率比较频繁。新特性多，因此对于开发者也是有积极意义的。

四.总结

uni-app对于初学者来说是十分友好的。它是一个非常好的跨平台开发框架，它为我们带来了很多方便和高效的工具和方式。对于有一定Vue.js基础的开发人员来说，能够快速地开发高质量的移动应用程序。学习起来非常轻松，学习成本较低。投入时间去学习起来容易。