准备工作

概述

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，支持同时生成 iOS、Android、H5、以及各种小程序等多平台应用。本项目基于 Vue 3、Vite 和 TypeScript 构建，集成了 Pinia 状态管理、uview-plus UI 组件库和 WindiCSS 样式框架。

开发环境搭建

工具

Node.js
HBuilderX（可选）：uni-app 官方推荐的 IDE，提供完整的开发工具链支持

环境配置步骤

1.安装 Node.js：

访问 Node.js 官网下载并安装最新稳定版。

2.安装 HBuilderX：

访问 HBuilderX 官网下载并安装，建议选择标准版或 App 开发版。

3.安装依赖：

在项目根目录下运行以下命令：

   npm install

开发工作流

开发调试

H5开发：

   npm run dev:h5   #在浏览器中预览

小程序开发：

   npm run dev:mp-weixin   #在微信开发者工具中预览

构建发布

H5构建：npm run build:h5，生成H5应用包
小程序构建：npm run build:mp-weixin，生成小程序代码包
App构建：使用HBuilderX的发行功能，生成Android/iOS应用包