uni-app心得体会

uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5 以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应用等多个平台。

选择uni-app的原因：

1、开发者/案例数量更多

2、跨平台能力及扩展灵活性更强

3、性能体验优秀

4、周边生态丰富

5、学习成本低

6、开发成本低

下面是我学习uni-app以来的学习心得。

1、uni-app环境搭建：

uni-app需要用到HBuilderX程序：

HBuilderX官网下载地址：

HBuilderX-高效极客技巧

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

2、uni-app的学习经历：

运行uni-app有4种运行方法：

(1) 运行在浏览器中

通过HBuilderX可视化界面创建第一个uni-app应用，项目创建完成之后即可运行，打开项目的任意文件，如App.vue，选择“运行”-->"运行到浏览器“命令，选择浏览器，即可在浏览器中体验uni-app的H5版。

 

(2) 运行在HX的内置浏览器中

进入uni-app项目，选择“运行”-->"运行到内置浏览器“命令，即可运行。

 

(3) 运行在微信小程序中

安装工具：

第一步：安装微信开发者工具，下载地址：微信开发者工具下载地址与更新日志 | 微信开放文档

选择合适的版本下载，一步步默认安装即可。安装完成之后，要使用uni-app开发，需要打开微信小程序开发者工具的服务端口，进行微信小程序开发者工具，选择"设置"-->"安全设置"命令，将"服务端口"改完打开状态，如图所示：

 

第二步：安装并配置完毕之后，打开HBuilderX，进入项目，选择“运行”-->"运行到小程序模拟器“-->"微信开发者工具“命令，即可在微信开发者工具中体验uni-app，如图

 

(4) 运行于安卓真机

第一步：使用数据线连接手机和电脑，选择“传输文件”模式。

第二步：将手机设置为“USB调试模式”，具体如何调，自行操作。

第三步：在HBuilderX中单机“运行”-->“运行到手机或模拟器”，选择相应的设备，即可在手机中查体验uni-app,如图所示：

 

uni-app小程序打包发行:

在HBuilderX中，单机“发行”-->“原生App-打包”命令，如下图所示：

 

在使用uniapp之前，需要具备一些基本的前端开发技能。我们建议您首先学习Vue.js，因为uniApp是基于Vue构建的一个框架。此外，Weex也是一个需要学习的重要技术之一，因为它提供了JavaScript代码和原生UI组件之间的标准化转换方式。掌握这两个技术将为您提供更广泛的知识背景，使您更容易理解和使用uniapp开发框架。这后面要用到很多组件包括：路由、接口等等，这些功能都是为我们以后做项目而打基础，只有熟练的运用这些功能，才能在做项目的时候减少错误率。

以上就是我对uni-app的学习心得啦，觉得小编写的不错的话，帮忙点点赞呦！

谢谢啦！