基于 Electron + Vue 3.5 + Vite 构建的跨平台 AI 聊天桌面应用,支持多种大语言模型。
- 多模型支持:无缝集成 DeepSeek、OpenAI、百度文心一言 (Qianfan)、阿里通义千问 (DashScope)。
- 本地存储:使用 Dexie.js 进行聊天记录的本地持久化存储,保护用户隐私。
- 现代化 UI:基于 Tailwind CSS 和 Radix Vue 构建的精美界面,支持深色模式。
- Markdown 支持:聊天内容支持 Markdown 渲染及代码高亮。
- 国际化:内置 Vue I18n,支持多语言切换。
- 自定义模型:支持添加符合 OpenAI 接口标准的自定义模型服务商,并支持删除管理。
- 交互反馈:全局 Toast 通知组件,提供多种类型的反馈提示。
- 跨平台:支持 Windows, macOS, Linux (通过 Electron)。
前端 (渲染进程)
- Vue 3.5 - 渐进式 JavaScript 框架
- Vite - 下一代前端构建工具
- TypeScript - 强类型 JavaScript
- Pinia - Vue 专属状态管理库
- Vue Router - 路由管理
- Tailwind CSS - 原子化 CSS 框架
- Radix Vue - 无样式 UI 组件库
- Vue I18n - 国际化插件
- Dexie.js - IndexedDB 的封装库
桌面端 (主进程)
- Electron - 构建跨平台桌面应用
- Electron Forge - Electron 全套构建工具
-
克隆仓库:
git clone https://github.com/your-username/ai-chat.git cd ai-chat -
安装依赖:
pnpm install
启动开发服务器:
pnpm start打包应用 (不生成安装包):
pnpm package生成安装包 (Make):
pnpm make代码检查 (Lint):
pnpm lint├── src/
│ ├── main/ # Electron 主进程代码
│ ├── preload/ # Electron 预加载脚本
│ └── renderer/ # Vue 渲染进程代码 (前端界面)
├── forge.config.ts # Electron Forge 配置文件
├── vite.*.config.ts # Vite 配置文件
└── ...