🤖 AIChat - 智能聊天助手

一个基于 Vue.js 和 DeepSeek API 的现代化 AI 聊天应用。

✨ 主要功能

• 💬 智能对话: 使用 DeepSeek API 提供流畅的 AI 对话体验
• 🎨 现代 UI: 简洁美观的聊天界面，支持响应式设计
• 📝 Markdown 支持: 自动渲染 AI 回复中的代码块和格式化文本
• 💾 本地存储: 聊天记录和 API Key 安全保存在本地浏览器
• 🔐 隐私保护: API Key 仅存储在本地，不会上传到任何服务器
• ⚡ 快速响应: 支持 Enter 发送，自动调整输入框大小

🚀 快速开始

环境要求

• Node.js 16+
• DeepSeek API Key

安装和运行

# 进入项目目录
cd aichat

# 安装依赖
npm install

# 启动开发服务器
npm run dev

获取 API Key

1. 访问 DeepSeek 官网
2. 注册账号并获取 API Key
3. 在应用中输入你的 API Key 即可开始聊天

🛠️ 技术栈

• 前端框架: Vue 3 + TypeScript
• 构建工具: Vite
• Markdown 渲染: marked
• 代码高亮: highlight.js
• AI 服务: DeepSeek API

📦 项目结构

aichat/
├── src/
│   ├── components/
│   │   └── ChatInterface.vue    # 主聊天界面组件
│   ├── App.vue                  # 根组件
│   └── main.ts                  # 应用入口
├── public/                      # 静态资源
└── package.json                 # 项目配置

🔧 构建打包

# 构建生产版本
npm run build

# 预览生产版本
npm run preview

📱 使用说明

1. 首次使用: 输入你的 DeepSeek API Key
2. 开始聊天: 在输入框中输入问题，按 Enter 或点击发送
3. 清空对话: 点击顶部"清空对话"按钮
4. 重置密钥: 点击"重置API Key"更换密钥

---

💡 这是一个轻量级的 AI 聊天应用，专注于提供简洁流畅的对话体验。