117 lines
1.8 KiB
Markdown
117 lines
1.8 KiB
Markdown
# Vue 3 + Vite 微信聊天项目
|
||
|
||
这是一个基于 Vue 3 和 Vite 构建的微信风格聊天应用。
|
||
|
||
## 技术栈
|
||
|
||
- Vue 3 - 渐进式 JavaScript 框架
|
||
- TypeScript - JavaScript 的超集
|
||
- Element Plus - 基于 Vue 3 的组件库
|
||
- Vite - 下一代前端构建工具
|
||
- Sass - CSS 预处理器
|
||
|
||
## 功能特性
|
||
|
||
- 实时消息通信
|
||
- 好友列表管理
|
||
- 群聊功能
|
||
- 消息历史记录
|
||
- 文件传输
|
||
- 表情包支持
|
||
|
||
## 开始使用
|
||
|
||
### 环境要求
|
||
|
||
- 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]
|