uni-app 是一款基于 Vue.js 的跨平台开发框架，其核心优势在于“一套代码，多端运行”。开发者只需编写一套前端代码，即可将其编译发布到 iOS、Android、H5、微信/支付宝/抖音/快手/百度等各大主流小程序，以及 HarmonyOS（鸿蒙）等多个平台。

以下是 uni-app 开发的完整流程与核心要点：

一、 开发前的准备工作

环境配置：安装 Node.js 环境用于管理项目依赖，并下载官方推荐的开发工具 HBuilderX。

创建项目：在 HBuilderX 中新建 uni-app 项目，填写名称与路径完成初始化。项目初始化后会自动生成核心配置文件，如路由配置 pages.json、应用配置 manifest.json 和公共样式 uni.scss 等。

二、 核心开发流程

页面与组件开发：使用 Vue.js 语法（支持 Vue3 + TypeScript）编写页面。uni-app 内置了 view、text、image 等基础跨端组件，并支持自定义组件复用。

样式与布局：采用 CSS/SCSS 编写样式，推荐使用 rpx 响应式单位来实现不同屏幕尺寸的自适应布局。

数据交互与逻辑：使用 uni.request 发起网络请求，并通过 uni.navigateTo 等内置 API 实现页面路由跳转、设备信息获取、支付调用等原生能力。

三、 进阶能力与生态扩展

uni-app x 架构：新一代的 uni-app x 支持原生混编，开发者可以直接使用 UTS 语言调用 Android (Kotlin)、iOS (Swift) 和鸿蒙 (ArkTS) 的原生代码，实现接近原生的极致性能。

丰富的插件生态：通过 uni_modules 目录和插件市场，开发者可以一键引入成熟的 UI 组件库（如 uni-ui x）、原生 SDK 插件（如鸿蒙创新能力插件）等，大幅提升开发效率。

鸿蒙原生支持：uni-app 已经全面支持 HarmonyOS 平台，开发者可以在 HBuilderX 中配置 DevEco Studio 工具链，直接编译、调试和打包鸿蒙应用。

四、 调试、打包与发布

多端预览：在 HBuilderX 中点击运行，即可在内置浏览器、各平台模拟器或连接的真机上实时预览效果。

打包与签名：确认无误后，通过 HBuilderX 将应用打包为原生安装包或小程序代码。对于 Android/iOS 需要配置证书签名，鸿蒙应用支持自动签名（调试用）或手动签名（上架用）。

应用上架：将打包好的产物提交至各大应用市场或小程序平台后台进行审核，审核通过后即可正式发布上线。