2.2 VibeCoding 工作流
核心概念
Vibecoding 的核心理念
代码块
Plain Text
Vibecoding = Prompt（提示词） + Workflow（工具流）
Prompt 告诉 AI 做什么Workflow 决定怎么做
提示词的核心原则
AI 是一个强大的编程助手，它理解技术术语、熟悉各种框架、能快速分析代码。
沟通的关键是：直接、具体、有上下文。
❌ 绕弯子：
代码块
Plain Text
"你是一位资深的全栈工程师，精通各种技术栈..."
→ AI 不需要角色扮演，它知道自己能做什么
✅ 直接说事：
代码块
Plain Text
"检测这个 React 组件的类型安全问题"
→ 一句话讲清楚要做什么
❌ 模糊描述：
代码块
Plain Text
"帮我优化一下代码"
→ AI 不知道优化什么方向
✅ 具体需求：
代码块
JavaScript
"优化登录页面的加载性能：
1. 添加图片懒加载
2. 延迟加载非关键资源
3. 使用 Next.js 的动态导入"
提示词原则
好提示词的特征
提示词对比：欠佳 vs 推荐
核心原则：
•
不要让 AI 猜 → 提供明确上下文
•
不要含糊其辞 → 给出具体要求
•
不要强行编造 → 给 AI 一个"不确定"的出口
让 AI 反复提问
代码块
JavaScript
"我要开发一个任务管理应用。
请反复问我问题，直到你完全理解我的需求。
不要猜测，直接问。"
提示词模板
代码生成模板
代码块
Markdown
"实现 [功能名称]
技术栈：
- Next.js [版本]
- TypeScript
- Drizzle ORM
- [其他技术]
Bug 修复模板
代码块
JavaScript
"修复 Bug
文件路径: [完整路径]
错误信息:
[完整报错日志]
标准工作流
AI 的自动化能力
在开始工作流之前，记住：AI 能自动处理很多任务。
AI 的自动化能力：
•
✅ 自动探索项目结构（你不需要告诉它看哪些文件）
•
✅ 自动选择合适的工具（Read、Edit、Bash）
•
✅ 自动处理错误（失败会重试或换方案）
•
✅ 自动生成提交信息（根据修改内容）
•
✅ 自动识别依赖关系（知道修改会影响哪些文件）
你需要做的：
•
清楚描述任务目标
•
提供必要的上下文
•
验证结果并反馈
不需要做：
•
❌ 指定具体步骤（"先读文件A，再读文件B"）
•
❌ 告诉它用哪个工具（"用 Read 工具读取"）
•
❌ 手动组合命令（"运行 git add 然后 git commit"）
•
❌ 手动处理错误（"如果失败就重试"）
权限模式
场景：为什么需要切换模式
你正在调试一个功能，每次运行测试都要点"确认"，一分钟内点了 5 次。效率很低。
你试着按 Shift+Tab 切换到 Accept Edits 模式，测试命令自动执行，只有修改代码时才询问。瞬间清净了。
这就是权限模式的作用：在不同场景下，平衡效率和安全。
三种权限模式
快速决策：
•
不确定时 → Default
•
只想看代码 → Plan
•
频繁跑命令 → Accept Edits
试试交互模拟，感受不同模式的区别：
Default 模式（推荐）
只读操作（读取文件、搜索代码、查看状态、列出文件）自动批准，修改操作（编辑文件、删除文件、运行命令、网络请求、Git push）需要确认。
权限弹窗选项：
•
Yes：同意本次操作
•
Yes, don't ask again for this tool：同意本次，且后续同类操作不再询问
•
No, and tell AI what to do differently：拒绝并告诉 AI 换个方式
Plan 模式（代码审查）
仅允许只读操作，所有修改操作都会被阻止。
适用场景：
•
代码审查
•
了解代码库结构
•
探索性分析
编辑操作需要确认，其他操作自动批准。
代码块
Python
# 示例行为
"读取配置文件"
"运行测试"
# AI 直接执行（非编辑操作）
"修改函数签名"
适用场景：
•
需要频繁运行命令/测试
•
对文件修改要谨慎
•
高度信任的自动化工作流
模式切换
快捷键
Shift+Tab # 在三种模式间循环切换
常用交互命令
在 Claude Code 中，以 / 开头的命令称为斜杠命令，用于快速执行特定操作：
常用场景：
代码块
Markdown
CLI 命令与启动选项
核心理念
Workflow 让 AI 开发可预测、可复现。
记住工作流五步曲：探索 → 规划 → 执行 → 验证 → 提交（根据情况灵活应用）
灵活应用
•
复杂任务：严格遵循五步，减少返工
•
简单修改：可以跳过探索，直接执行
•
紧急修复：最小化流程，快速解决
关键是有意识地思考每一步是否需要，而不是机械执行。