这是一个基于Vue 3的AI聊天界面项目,提供了类似网页版deepseek的用户交互体验。

• 现代化的UI设计,支持响应式布局
• 左侧会话列表,右侧聊天区域
• 支持Markdown格式的消息渲染
• 支持流式输出(SSE)
• 简洁明了的用户界面

• Vue 3
• Vite
• Element Plus
• Axios
• Marked (Markdown渲染)
• SSE.js (Server-Sent Events)

• Node.js 16+
• npm 7+

1. 安装依赖:

npm install

2. 启动开发服务器:

npm run dev

3. 构建生产版本:

npm run build

src/
 ├── api/ # API接口
 ├── assets/ # 静态资源
 ├── components/ # 组件
 ├── utils/ # 工具函数
 ├── App.vue # 主应用组件
 └── main.js # 应用入口

1. 点击左侧"新会话"按钮创建新的聊天会话
2. 在右侧输入框输入消息,按Ctrl+Enter或点击发送按钮发送消息
3. 点击左侧会话列表可以切换不同的会话
4. 支持Markdown格式的消息渲染

• 当前版本使用模拟数据,实际使用时需要配置真实的后端API
• 确保后端API支持SSE(Server-Sent Events)以实现流式输出
• 建议使用现代浏览器以获得最佳体验