Chat App

一个基于 Vue 3 + UniApp 的跨平台聊天应用。

A cross-platform chat application based on Vue 3 and UniApp.

技术栈 (Tech Stack)

• Vue 3
• UniApp
• Pinia
• TypeScript
• TMUI 组件库
• Wot Design Uni 组件库
• UnoCSS - 原子化 CSS 引擎
• Vite - 下一代前端构建工具

功能特性 (Features)

• 跨平台支持 (Cross-platform Support):

  • H5
  • App (iOS/Android)

• 核心功能 (Core Features):

  • 即时通讯 (Real-time Communication)
  • 群聊/私聊 (Group/Private Chat)
  • 消息通知 (Message Notifications)
  • 用户管理 (User Management)
  • 文件传输 (File Transfer)
  • 表情包支持 (Emoji Support)

开发环境搭建 (Development Setup)

1. 安装依赖 (Install Dependencies):

   pnpm install
   

2. 环境运行 (Run Development Server):

   # 测试环境
   pnpm run test:h5
   
   # 生产环境
   pnpm run prod:h5
   

3. 打包构建 (Build for Production):

   # 测试构建
   pnpm run build:h5:test
   
   # 生产构建
   pnpm run build:h5:prod
   

项目结构 (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             # 项目说明文档