技术栈

DreamingAI 使用现代化的技术栈构建，确保高性能、可维护性和良好的开发体验。

核心技术

技术	版本	说明
Vue 3	^3.x	前端框架，使用 Composition API
TypeScript	^5.x	类型安全的 JavaScript 超集
Vite	^5.x	下一代前端构建工具
npm/yarn/pnpm	-	包管理器

UI & 交互

技术	说明
Ant Design Vue	UI 组件库
@gitcoffee/theme-ui	主题系统
@ant-design/icons-vue	图标库

状态 & 路由

技术	说明
Pinia	状态管理
Vue Router	路由管理
@gitcoffee/storage	本地存储

国际化

技术	说明
Vue I18n	国际化框架
语言资源	中文、英文、繁体中文

内部组件库

组件	说明
@gitcoffee/chatbot-ui	聊天界面组件
@gitcoffee/plugin-ui	插件界面组件
@gitcoffee/app	应用框架
@gitcoffee/api	API 客户端
@gitcoffee/chatbot-utils	工具函数

其他工具

工具	说明
TypeScript 类型系统	类型定义
Prettier	代码格式化
原生 CSS + CSS 变量	CSS 预处理器

架构图

┌─────────────────────────────────────────────────────────────┐
│                        DreamingAI                           │
├─────────────────────────────────────────────────────────────┤
│  ┌──────────┐  ┌──────────┐  ┌──────────┐  ┌──────────┐  │
│  │  智能对话  │  │ 智能体管理 │  │  MCP   │  │ 提示词管理 │  │
│  └──────────┘  └──────────┘  └──────────┘  └──────────┘  │
├─────────────────────────────────────────────────────────────┤
│  ┌──────────────────────────────────────────────────────┐  │
│  │                   内部组件库 (@gitcoffee/*)            │  │
│  └──────────────────────────────────────────────────────┘  │
├─────────────────────────────────────────────────────────────┤
│  ┌──────────┐  ┌──────────┐  ┌──────────┐  ┌──────────┐  │
│  │ Vue 3    │  │ Pinia    │  │Vue Router│  │Vue I18n  │  │
│  └──────────┘  └──────────┘  └──────────┘  └──────────┘  │
├─────────────────────────────────────────────────────────────┤
│  ┌──────────────────────────────────────────────────────┐  │
│  │              Vite + TypeScript                        │  │
│  └──────────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────────┘

为什么选择这些技术？

Vue 3

• 优秀的性能和更小的包体积
• Composition API 提供更好的逻辑复用
• 更好的 TypeScript 支持

Vite

• 极速的冷启动
• 即时的模块热更新
• 优化的构建输出

TypeScript

• 静态类型检查，减少运行时错误
• 更好的 IDE 支持和代码提示
• 提高代码可维护性

Ant Design Vue

• 企业级 UI 设计语言和组件库
• 丰富的组件和良好的文档
• 活跃的社区支持