prompt-optimizer/docs/tech-stack.md

技术栈文档

1. 前端框架

• Vue 3.4.x
  • Composition API
  • Script Setup
  • 响应式系统
• Vite 5.x
  • 快速开发服务器
  • 优化的构建
  • 插件系统

2. UI框架和样式

• TailwindCSS 3.x
  • 实用优先
  • 响应式设计
  • 深色模式支持
• Vue Transitions
  • 页面过渡动画
  • 组件切换效果

3. 状态管理

• Vue Reactivity
  • ref/reactive
  • computed
  • watch
• LocalStorage
  • 配置持久化
  • 历史记录存储

4. API集成

• Fetch API
  • 原生HTTP请求
  • 请求拦截
  • 错误处理
• WebCrypto API
  • API密钥加密
  • 安全存储

5. 开发工具

• TypeScript 5.x
  • 类型检查
  • 代码提示
  • 接口定义
• ESLint
  • 代码规范
  • 自动修复
• Prettier
  • 代码格式化
  • 统一风格

6. 测试框架

• Vitest
  • 单元测试
  • 集成测试
  • 快照测试
• Vue Test Utils
  • 组件测试
  • 行为模拟

7. 构建和部署

• GitHub Actions
  • CI/CD流程
  • 自动测试
  • 自动部署
• Netlify/Vercel
  • 静态托管
  • 自动部署
  • CDN分发

8. 开发环境

• Node.js >= 16
• npm >= 7
• VS Code
  • Volar
  • ESLint
  • Prettier