uniapp是什么？它有哪些优势？使用步骤？

一、uniapp介绍

uni-app是基于"Vue+微信小程序"语言体系的开发框架，可以实现一次编码，同时生成多个应用程序，包括iOS、Android、H5、小程序等。

二、uniapp优势

开发人员学习成本低，上手快，同时随着如今uni-app生态也逐步趋于成熟。基于uni-app开发多端项目，已经是很多中小型企业常用的技术解决方案。其优势在于降低了应用程序的开发难度和复杂度，开发者只需要使用Vue.js框架进行开发，而不需要考虑不同平台的差异。

三、创建工程项目

1、选择uni-app项目；
2、默认模版，只包含基础结构目录文件；
3、选择Vue3版本，跟随技术更新，版本迭代不落后；
4、选项目存放目录路径和填写项目名称，这步操作放这里是前面的操作清空这里填写的内容，避免反复填写；
5、点击“创建”按钮，完成。

四、运行项目

在HBuilderX的菜单栏中，选择 运行-运行到小程序模拟器-微信开发者工具，即可调起【微信开发者工具】软件运行。

运行项目.jpg

【HBuilderX】需要配置电脑安装微信开发者工具软件的路径，在uni-app教程中有介绍说明：偏好设置-运行设置-微信开发者工具路径，去复制安装路径粘贴到这里。

HBuilderX配置微信开发者工具路径.png

【微信开发者工具】需要打开服务端口开关才能被运行项目，在uni-app教程中有介绍说明：设置-安全设置-服务端口，开启开关。

微信开发者工具配置.png

五、默认运行效果

默认模版运行效果，我们后期就基于这个项目去修改、实现自己的功能。

运行效果.png

六、常用组件库基本配置

1、uni-app自带库使用：

1. 数据缓存
   uni.setStorage(OBJECT)
   uni.getStorage(OBJECT)
2. 网络请求
   uni.request(OBJECT)
3. 透明提示
   uni.showToast(OBJECT)
   uni.hideToast()
4. 加装指示器
   uni.showLoading(OBJECT)
   uni.hideLoading()
5. 模态弹窗
   uni.sho