已验证 编程开发

Claude Code Plan Mode 实测:Shift+Tab 让 AI 先想清楚再写代码

用 Claude Code 的 Plan Mode 先出方案再写代码,8 分钟完成一个带测试的 TypeScript CLI 工具,11 个测试全过。

🔧 2 个工具 ⏱ ~10 分钟 💰 免费 📊 简单
📦 下载素材包

Step 1:进入 Plan Mode

打开终端,启动 Claude Code。把项目需求粘进去,然后按 Shift+Tab,左下角状态会变成 “plan”。

这时候 Claude 不会直接写代码,而是先输出一份实现计划:项目结构、模块拆分、依赖选择、数据格式、设计决策。

我测试的需求是一个 TypeScript 番茄钟 CLI 工具,要求有倒计时、提示音、自定义时长、本地记录和统计功能。Claude 输出的计划包含 6 个源文件、3 个测试文件、1 个运行时依赖。

⚠️ 踩坑提醒:Plan Mode 是 Claude Code CLI 的功能,不是 claude.ai 网页版。网页版没有这个模式。

Step 2:审核和调整计划

计划出来之后不要急着确认。看一遍,觉得不对的直接说。

比如我觉得文件拆得太细可以合并,或者某个依赖不想用,直接在对话里提。Claude 会调整计划重新输出。

这一步的关键:计划每步写 2-3 句话就够了。太粗的话实现会跑偏,太细的话 Claude 会照抄计划而不是思考怎么写最好。

⚠️ 踩坑提醒:大项目建议分阶段规划。一次让它规划 20 个文件容易丢细节,不如分 3-4 个阶段,每次 5-6 个文件。

Step 3:按计划实现代码

计划没问题之后,再按一次 Shift+Tab 退出 Plan Mode。Claude 开始按计划逐步写代码。

实际测试中,Claude 按照 TDD 流程推进:先写测试,跑一遍确认红灯,再写实现,跑通变绿灯。每完成一个模块自动 commit。

最终结果:

  • 6 个 atomic commits
  • 11 个测试全部通过(storage 4, timer 4, stats 3)
  • Type-check clean
  • 自动推送分支并创建 PR

整个过程 8 分 22 秒。

Step 4:运行验证

代码写完了,用短时间参数快速测试:

npx tsx src/index.ts --work 0.1 --break 0.1

6 秒跑完一个完整的工作+休息周期,倒计时正常,提示音正常。

npx tsx src/index.ts stats

统计也能正常显示本周的番茄数。

成品下载

这个番茄钟 CLI 工具的完整代码在 GitHub:zhengxuyu/pomodoro-cli

想直接用的话 clone 下来 npm install && npx tsx src/index.ts 就行。

为什么用 Plan Mode?

不用 Plan Mode 的时候,Claude Code 拿到需求就开始写。简单项目没问题,但稍微复杂一点的项目(多个文件、模块间有依赖),写到一半发现架构不对是常事。

Plan Mode 的价值就一个:让你在 Claude 动手之前看到它打算怎么做,不满意可以改。改计划比改代码便宜得多。

简单项目(一个文件、一个函数)不需要 Plan Mode,直接写就行。

⬆️ 升级路径

工具价格升级价值
Claude Pro$20/月无限对话 + 更大上下文窗口
Claude Max$100/月最高优先级 + 更多 Opus 使用量