- 重新定义聊天模式,增加 AI 寿险代理人、报价中异议和报价后异议等场景 - 添加自定义头像和背景信息,提升用户体验 - 优化消息处理逻辑,支持标签内容处理 - 调整界面布局和样式,增加头像加载错误处理 - 移除不必要的代码,提高代码可维护性 |
||
---|---|---|
.vscode | ||
dist-electron | ||
electron | ||
public | ||
src | ||
.cursorrules | ||
.env | ||
.env.development | ||
.env.production | ||
.gitignore | ||
.npmrc | ||
README.md | ||
index.html | ||
jsconfig.json | ||
package.json | ||
postcss.config.js | ||
vite.config.js | ||
yarn.lock |
README.md
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:
npm install
使用 yarn:
yarn install
开发环境运行
使用 npm:
npm run dev
使用 yarn:
yarn dev
生产环境构建
使用 npm:
npm run build
使用 yarn:
yarn build
代码检查
使用 npm:
npm run lint
使用 yarn:
yarn lint
项目结构
src/
├── api/ # 接口函数
├── assets/ # 静态资源
├── components/ # 公共组件
├── layoyts/ # 布局组件
├── views/ # 页面组件
├── router/ # 路由配置
├── store/ # 状态管理
├── utils/ # 工具函数
└── App.vue # 根组件
开发指南
- 克隆项目到本地
- 安装依赖(选择 npm 或 yarn)
- 运行开发服务器
- 开始开发
贡献指南
- Fork 本仓库
- 创建特性分支 (
git checkout -b feature/AmazingFeature
) - 提交更改 (
git commit -m 'Add some AmazingFeature'
) - 推送到分支 (
git push origin feature/AmazingFeature
) - 创建 Pull Request
许可证
联系方式
如有任何问题或建议,请通过以下方式联系我们:
- 提交 Issue
- 发送邮件至 [your-email@example.com]