2025-04-18 20:09:21 +08:00
|
|
|
|
# Vue 3 + Vite 微信聊天项目
|
|
|
|
|
|
|
|
|
|
这是一个基于 Vue 3 和 Vite 构建的微信风格聊天应用。
|
|
|
|
|
|
|
|
|
|
## 技术栈
|
|
|
|
|
|
|
|
|
|
- Vue 3 - 渐进式 JavaScript 框架
|
|
|
|
|
- TypeScript - JavaScript 的超集
|
2025-04-22 16:36:54 +08:00
|
|
|
|
- Element Plus - 基于 Vue 3 的组件库
|
|
|
|
|
- Vite - 下一代前端构建工具
|
|
|
|
|
- Sass - CSS 预处理器
|
2025-04-18 20:09:21 +08:00
|
|
|
|
|
|
|
|
|
## 功能特性
|
|
|
|
|
|
|
|
|
|
- 实时消息通信
|
|
|
|
|
- 好友列表管理
|
|
|
|
|
- 群聊功能
|
|
|
|
|
- 消息历史记录
|
|
|
|
|
- 文件传输
|
|
|
|
|
- 表情包支持
|
|
|
|
|
|
|
|
|
|
## 开始使用
|
|
|
|
|
|
|
|
|
|
### 环境要求
|
|
|
|
|
|
|
|
|
|
- Node.js 16.x 或更高版本
|
|
|
|
|
- npm 7.x 或更高版本 或 yarn 1.22.x 或更高版本
|
|
|
|
|
|
|
|
|
|
### 安装依赖
|
|
|
|
|
|
|
|
|
|
使用 npm:
|
|
|
|
|
```bash
|
|
|
|
|
npm install
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
使用 yarn:
|
|
|
|
|
```bash
|
|
|
|
|
yarn install
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 开发环境运行
|
|
|
|
|
|
|
|
|
|
使用 npm:
|
|
|
|
|
```bash
|
|
|
|
|
npm run dev
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
使用 yarn:
|
|
|
|
|
```bash
|
|
|
|
|
yarn dev
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 生产环境构建
|
|
|
|
|
|
|
|
|
|
使用 npm:
|
|
|
|
|
```bash
|
|
|
|
|
npm run build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
使用 yarn:
|
|
|
|
|
```bash
|
|
|
|
|
yarn build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 代码检查
|
|
|
|
|
|
|
|
|
|
使用 npm:
|
|
|
|
|
```bash
|
|
|
|
|
npm run lint
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
使用 yarn:
|
|
|
|
|
```bash
|
|
|
|
|
yarn lint
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 项目结构
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
src/
|
|
|
|
|
├── api/ # 接口函数
|
|
|
|
|
├── assets/ # 静态资源
|
|
|
|
|
├── components/ # 公共组件
|
|
|
|
|
├── layoyts/ # 布局组件
|
|
|
|
|
├── views/ # 页面组件
|
|
|
|
|
├── router/ # 路由配置
|
|
|
|
|
├── store/ # 状态管理
|
|
|
|
|
├── utils/ # 工具函数
|
|
|
|
|
└── App.vue # 根组件
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 开发指南
|
|
|
|
|
|
|
|
|
|
1. 克隆项目到本地
|
|
|
|
|
2. 安装依赖(选择 npm 或 yarn)
|
|
|
|
|
3. 运行开发服务器
|
|
|
|
|
4. 开始开发
|
|
|
|
|
|
|
|
|
|
## 贡献指南
|
|
|
|
|
|
|
|
|
|
1. Fork 本仓库
|
|
|
|
|
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
|
|
|
|
|
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
|
|
|
|
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
|
|
|
|
5. 创建 Pull Request
|
|
|
|
|
|
|
|
|
|
## 许可证
|
|
|
|
|
|
|
|
|
|
[MIT](LICENSE)
|
|
|
|
|
|
|
|
|
|
## 联系方式
|
|
|
|
|
|
|
|
|
|
如有任何问题或建议,请通过以下方式联系我们:
|
|
|
|
|
|
|
|
|
|
- 提交 Issue
|
|
|
|
|
- 发送邮件至 [your-email@example.com]
|