read

README.md

@@ -1,24 +1,81 @@
+# Chat App
 
+一个基于 Vue 3 + UniApp 的跨平台聊天应用。
 
-<p align="center">
+A cross-platform chat application based on Vue 3 and UniApp.
-  <a href="https://vitesse-docs.netlify.app/">📖 阅读文档</a>
-</p>
 
-## 特性
+## 技术栈 (Tech Stack)
 
+- Vue 3
+- UniApp
+- Pinia
+- TypeScript
+- TMUI 组件库
+- Wot Design Uni 组件库
+- UnoCSS - 原子化 CSS 引擎
+- Vite - 下一代前端构建工具
 
-- 🗂 [基于文件的路由](./src/pages)
+## 功能特性 (Features)
 
-- 📦 [组件自动化加载](./src/components)
+- 跨平台支持 (Cross-platform Support):
+  - H5
+  - App (iOS/Android)
 
-- 📑 [布局系统](./src/layouts)
+- 核心功能 (Core Features):
+  - 即时通讯 (Real-time Communication)
+  - 群聊/私聊 (Group/Private Chat)
+  - 消息通知 (Message Notifications)
+  - 用户管理 (User Management)
+  - 文件传输 (File Transfer)
+  - 表情包支持 (Emoji Support)
+## 开发环境搭建 (Development Setup)
 
-- 🎨 [UnoCSS](https://github.com/unocss/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎
+1. 安装依赖 (Install Dependencies):
+   ```bash
+   pnpm install
+   ```
 
-- 😃 [各种图标集为你所用](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
+2. 环境运行 (Run Development Server):
+   ```bash
+   # 测试环境
+   pnpm run test:h5
 
-- 🔥 使用 [新的 `<script setup>` 语法](https://github.com/vuejs/rfcs/pull/227)
+   # 生产环境
+   pnpm run prod:h5
+   ```
 
-- 📥 [API 自动加载](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 无需引入
+3. 打包构建 (Build for Production):
+   ```bash
+   pnpm run build:h5:test
+   ```
+   # 生产构建
+   pnpm run build:h5:prod
+   ```
 
-- 🦾 [TypeScript](https://www.typescriptlang.org/) & [ESLint](https://eslint.org/) - 保证代码质量
+## 项目结构 (Project Structure)
+
+```
+├── src/                    # 源代码目录
+│   ├── api/               # API 接口定义
+│   ├── components/        # 公共组件
+│   ├── pages/             # 页面文件
+│   ├── static/            # 静态资源
+│   ├── store/             # 状态管理
+│   │   ├── auth/         # 认证相关状态
+│   │   └── modules/      # 其他模块状态
+│   ├── styles/            # 全局样式
+│   ├── types/             # TypeScript 类型定义
+│   └── utils/             # 工具函数
+├── env/                   # 环境变量配置
+│   ├── .env.dev          # 开发环境配置
+│   └── .env.prod         # 生产环境配置
+├── public/                # 公共静态资源
+├── .editorconfig         # 编辑器配置
+├── .npmrc                # npm 配置
+├── index.html            # 入口 HTML
+├── package.json          # 项目依赖配置
+├── tsconfig.json         # TypeScript 配置
+├── uno.config.js         # UnoCSS 配置
+├── vite.config.js        # Vite 配置
+└── README.md             # 项目说明文档
+```