什么是uni-app

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

uni-app的优势

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。

创建uni-app

在工具栏中选择文件，选择新建，选择项目

选择uni-app项目，输入项目名称，选择文件存放位置，选择模板，根据需求选择vue2或vue3，选择是否开启云开发服务（*创建项目时未勾选可以自己手动生成），点击创建生成uni-app项目

*模板选择

创建项目时有许多模板可供我们选择，点击去搜索跳转Dcloud插件市场，搜索更多模板

项目框架

以下是模板内置的文件介绍，全局通用组件需创建components文件夹存放

在开发过程中，为了更好的查看整理，在pages中依照业务功能来创建分类文件夹，按照首页tabbar来区分功能模块。

创建页面

选择文件夹右键点击新建页面

输入页面名称，选择需要的模板后就可以创建了，勾选“在pages.json中注册”，在创建后会自动注册该页面。

uniCloud

uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。为每个开发者提供一个免费服务空间，让每个人拥有自己的服务器。开发者可以自主选择uniCloud的硬件和网络资源的供应商，在阿里云版和腾讯云版之间切换。

选择项目右键，创建云开发环境，选择供应商。