hookehuyr

docs: 添加前端开发工作流框架文档

添加前端开发工作流框架文档,包含四个标准流程和AI工具选择原则。
文档位于 docs/tasks/ideas/开发流程.md,用于指导开发任务执行。
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