准备工作

概述

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应用包

相关文档链接

• uni-app 官方文档：https://uniapp.dcloud.io/

• Vue 3 官方文档：https://v3.vuejs.org/

• Pinia 官方文档：https://pinia.vuejs.org/

• WindiCSS 官方文档：https://windicss.org/