ChatUI - AI聊天界面

这是一个基于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）以实现流式输出
• 建议使用现代浏览器以获得最佳体验