docs: 添加前端开发工作流框架文档
添加前端开发工作流框架文档,包含四个标准流程和AI工具选择原则。 文档位于 docs/tasks/ideas/开发流程.md,用于指导开发任务执行。
Showing
1 changed file
with
166 additions
and
0 deletions
docs/tasks/ideas/开发流程.md
0 → 100644
| 1 | +# 前端开发工作流(已建立统一框架) | ||
| 2 | + | ||
| 3 | +> **最后更新**: 2026-01-29 | ||
| 4 | +> **状态**: ✅ 已建立统一工作流框架,等待实际任务验证 | ||
| 5 | + | ||
| 6 | +--- | ||
| 7 | + | ||
| 8 | +## 🎯 工作流框架位置 | ||
| 9 | + | ||
| 10 | +**个人工作流规则**:`~/.claude/rules/workflow-core.md` | ||
| 11 | + | ||
| 12 | +包含: | ||
| 13 | + | ||
| 14 | +- ✅ 任务分类决策树(30 秒判断流程) | ||
| 15 | +- ✅ 4 个标准流程(页面生成、逻辑开发、快速修改、全新项目) | ||
| 16 | +- ✅ Vue 3 Web 和 Taro 小程序技术栈支持 | ||
| 17 | +- ✅ AI 工具选择原则(Claude Code + Trae) | ||
| 18 | +- ✅ 质量检查清单 | ||
| 19 | +- ✅ 输出物规范和模板 | ||
| 20 | + | ||
| 21 | +--- | ||
| 22 | + | ||
| 23 | +## 🚀 快速使用方法 | ||
| 24 | + | ||
| 25 | +### 对于任何开发任务,直接对 Claude Code 说: | ||
| 26 | + | ||
| 27 | +``` | ||
| 28 | +"我要开发 [功能描述]" | ||
| 29 | +``` | ||
| 30 | + | ||
| 31 | +Claude Code 会自动: | ||
| 32 | + | ||
| 33 | +1. 识别任务类型(Vue 3 Web 或 Taro 小程序) | ||
| 34 | +2. 推荐使用流程 A/B/C/D | ||
| 35 | +3. 提供分步指导 | ||
| 36 | +4. 自动应用 AI 工具选择原则 | ||
| 37 | + | ||
| 38 | +--- | ||
| 39 | + | ||
| 40 | +## 📋 四个标准流程 | ||
| 41 | + | ||
| 42 | +| 流程 | 适用场景 | 主导工具 | 时长 | | ||
| 43 | +| ---------- | ------------------------ | ------------------ | ---------- | | ||
| 44 | +| **流程 A** | 新页面/组件(有设计稿) | Trae + Claude Code | 45-90 分钟 | | ||
| 45 | +| **流程 B** | API/Composables/工具函数 | Claude Code | 35-65 分钟 | | ||
| 46 | +| **流程 C** | 快速修改(< 50 行) | Claude Code | 15-30 分钟 | | ||
| 47 | +| **流程 D** | 全新项目(0 到 1) | Claude Code + Trae | 数天到数周 | | ||
| 48 | + | ||
| 49 | +详见:`~/.claude/rules/workflow-core.md` | ||
| 50 | + | ||
| 51 | +--- | ||
| 52 | + | ||
| 53 | +## 🤖 AI 工具选择原则 | ||
| 54 | + | ||
| 55 | +| 任务类型 | Claude Code | Trae | | ||
| 56 | +| --------------------------- | ----------- | ----------- | | ||
| 57 | +| **需求分析** | ✅ 主导 | ❌ | | ||
| 58 | +| **技术设计** | ✅ 主导 | ❌ | | ||
| 59 | +| **新页面/组件(有设计稿)** | 🟡 补充逻辑 | ✅ 主导生成 | | ||
| 60 | +| **API/Composables** | ✅ 主导 | ❌ | | ||
| 61 | +| **代码审查** | ✅ 主导 | ❌ | | ||
| 62 | +| **测试编写** | ✅ 主导 | ❌ | | ||
| 63 | + | ||
| 64 | +--- | ||
| 65 | + | ||
| 66 | +## 📚 相关文档 | ||
| 67 | + | ||
| 68 | +- **统一工作流**:`~/.claude/rules/workflow-core.md` | ||
| 69 | +- **AI 工具选择决策**:`~/.claude/rules/ai-workflow-decision.md` | ||
| 70 | +- **Taro 开发规范**:`~/.claude/rules/taro-patterns.md` | ||
| 71 | +- **代码生成情况对比**:`docs/tasks/done/代码生成情况对比.md` | ||
| 72 | + | ||
| 73 | +--- | ||
| 74 | + | ||
| 75 | +## 🔄 后续优化计划 | ||
| 76 | + | ||
| 77 | +### 渐进式优化策略 | ||
| 78 | + | ||
| 79 | +**第一阶段**:当前(建立框架)✅ | ||
| 80 | + | ||
| 81 | +- ✅ 创建统一工作流文档 | ||
| 82 | +- ✅ 定义 4 个标准流程 | ||
| 83 | +- ✅ 明确 AI 工具选择原则 | ||
| 84 | + | ||
| 85 | +**第二阶段**:验证(实际使用) | ||
| 86 | + | ||
| 87 | +- [ ] 在实际开发任务中验证流程 | ||
| 88 | +- [ ] 记录每次开发的经验数据 | ||
| 89 | +- [ ] 识别流程中的问题和瓶颈 | ||
| 90 | + | ||
| 91 | +**第三阶段**:优化(基于反馈) | ||
| 92 | + | ||
| 93 | +- [ ] 根据实际使用调整流程 | ||
| 94 | +- [ ] 添加更多模板和示例 | ||
| 95 | +- [ ] 可能创建自动化 Skills | ||
| 96 | + | ||
| 97 | +--- | ||
| 98 | + | ||
| 99 | +## 📝 使用记录模板 | ||
| 100 | + | ||
| 101 | +每次完成任务后,建议记录: | ||
| 102 | + | ||
| 103 | +```markdown | ||
| 104 | +## [功能名称] 开发记录 | ||
| 105 | + | ||
| 106 | +**日期**: 2026-XX-XX | ||
| 107 | +**项目**: mlaj (Vue 3 Web / Taro) | ||
| 108 | +**使用的流程**: 流程 A/B/C/D | ||
| 109 | +**工具组合**: Claude Code (规划) + Trae (实现) + Claude Code (测试) | ||
| 110 | + | ||
| 111 | +### 各阶段用时 | ||
| 112 | + | ||
| 113 | +- 规划: XX 分钟 | ||
| 114 | +- 实现: XX 分钟 | ||
| 115 | +- 测试: XX 分钟 | ||
| 116 | +- 总计: XX 分钟 | ||
| 117 | + | ||
| 118 | +### 质量 | ||
| 119 | + | ||
| 120 | +- 代码质量: ⭐⭐⭐⭐⭐ | ||
| 121 | +- 测试覆盖率: XX% | ||
| 122 | +- Bug 数: X 个 | ||
| 123 | + | ||
| 124 | +### 遇到的问题 | ||
| 125 | + | ||
| 126 | +- [问题描述 1] | ||
| 127 | +- [问题描述 2] | ||
| 128 | + | ||
| 129 | +### 改进建议 | ||
| 130 | + | ||
| 131 | +- [建议 1] | ||
| 132 | +- [建议 2] | ||
| 133 | + | ||
| 134 | +### 总体评价 | ||
| 135 | + | ||
| 136 | +- 满意度: ⭐⭐⭐⭐ | ||
| 137 | +- 下次是否继续使用此流程: 是/否 | ||
| 138 | +``` | ||
| 139 | + | ||
| 140 | +--- | ||
| 141 | + | ||
| 142 | +## 原始需求(已归档) | ||
| 143 | + | ||
| 144 | +### 当时的开发流程(2026-01-29 前) | ||
| 145 | + | ||
| 146 | +1. **现有项目**: 日常对话任务,新增页面、调整逻辑、加新功能 | ||
| 147 | +2. **新项目**: 有客户需求文档、设计稿、后端 API 文档 | ||
| 148 | + | ||
| 149 | +### 问题 | ||
| 150 | + | ||
| 151 | +- ❌ 缺乏标准流程 | ||
| 152 | +- ❌ AI 工具选择不明确 | ||
| 153 | +- ❌ 缺少质量检查标准 | ||
| 154 | +- ❌ 没有输出物规范 | ||
| 155 | + | ||
| 156 | +### 解决方案(已实施) | ||
| 157 | + | ||
| 158 | +✅ 建立统一工作流框架 | ||
| 159 | +✅ 明确 AI 工具选择原则 | ||
| 160 | +✅ 提供质量检查清单 | ||
| 161 | +✅ 定义输出物规范和模板 | ||
| 162 | + | ||
| 163 | +--- | ||
| 164 | + | ||
| 165 | +**维护者**: 你的名字 | ||
| 166 | +**最后更新**: 2026-01-29 |
-
Please register or login to post a comment