uni-app简易介绍

目录

一、什么是uni-app

二、uni-app适合什么样的开发者以及它有哪些优点

1.uni-app适合那些有Vue.js开发经验的开发者

2.   uni-app的优点主要有以下几点：

三、uni-app开发环境配置

1.安装HBuilder X

​编辑

 2.安装插件

四、uni-app如何创建新的项目以及项目结构

1.新建项目

 2.项目结构

五、如何运行项目

1.浏览器运行

 2.内置浏览器运行(需先去“工具”→“插件安装”内安装才可使用)

3.在微信小程序（需要去官网下载）

六、uni-app组件的使用

1.什么是组件

2.基础组件

七、总结

---

前言：本学期我学习了uniapp这门课程，通过这门课程我学会了如何使用代码制作微信小程序

一、什么是uni-app

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

二、uni-app适合什么样的开发者以及它有哪些优点

1.uni-app适合那些有Vue.js开发经验的开发者

尤其是那些需要同时开发iOS、Android和Web应用程序的开发者。同时，uni-app也适合初学者，因为它的学习曲线比较平缓。

2.uni-app的优点主要有以下几点：

（1）跨平台开发，节省了开发成本和时间；

（2）基于Vue.js框架，易于上手和学习；

（3）插件化的架构，可以灵活地扩展功能；

（4）支持原生API调用，可以满足更多的需求；

（5）自带一套UI组件库，可以快速构建UI界面。

三、uni-app开发环境配置

1.安装HBuilder X

进入官网下载安装正式版HBbuilder X。HBuilderX-高效极客技巧HBuilderX是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛https://www.dcloud.io/hbuilderx.html

 2.安装插件

选择“工具”点击插件安装进入插件安装页面，选择“uni-app编译”并安装

 至此，使用HX开发uni-app项目所需要的开发环境均已具备。