Skip to content

L06. Vibe 工具箱:效率倍增器

Vibe Coding 宣言:真正的高手,懂得挑选最趁手的兵器。

0. 为什么这一课至关重要? (Why It Matters)

  • 效率革命:装对插件,你的编码速度能提升 300%。
  • AI 的超能力:Claude Code 不止是陪聊,它能自己干活(修复 Bug、写测试)。
  • 第一模块结业:恭喜你,你的地基已经打好了。这一课是你的毕业礼包。

1. 目标 (Goal)

配置好 Trae 插件,熟练掌握 Claude Code 核心指令,并复习 Vibe Coding 七大铁律。

2. 核心概念/装备/指令 (The Core)

2.1 Trae 必装神器

  1. GitGraph:再也不用看枯燥的 git log 列表了,它是彩色的地铁线路图。
  2. Error Lens:把报错直接显示在代码行尾。不用把鼠标移上去就能看见错误。
  3. Prettier:保存自动格式化。再也不用手动调整缩进了。
  4. Material Icon Theme:给你的文件换上好看的图标,一眼识别文件类型。

2.2 Claude Code 核心指令

Claude Code 是个听话的机器人,你可以对它下命令:

  • /init:初始化新项目,帮你写好 README 和 .gitignore。
  • /bug:自动扫描并尝试修复当前报错。
  • /test:根据代码生成测试用例。
  • /doc:给函数加上注释文档。
  • /cost:看看你花了多少 Token(钱)。

3. 实战演练 (Action)

Step 1: 插件全家桶

在 Trae 左侧点击 "Extensions" (方块图标),搜索并安装:

  • Git Graph
  • Error Lens
  • Prettier - Code formatter
  • Material Icon Theme

Step 2: 玩转 Claude Code

打开终端,召唤 Claude:

bash
claude

在 Claude 的对话框里输入:

  1. /init:让它帮你初始化一个 Python 项目。
  2. 随便写个有 Bug 的 Python 文件(比如 print(1/0))。
  3. 运行它报错。
  4. 输入 /bug,看 Claude 怎么修。

Step 3: Vibe Coding 七条铁律复习

这七条不仅是代码规范,更是人生哲学。背下来!

  1. Result First:能跑就是好代码。
  2. No Magic:像教小学生一样教 AI。
  3. Fail Fast:报错甩给 AI。
  4. Copy & Paste:只做搬运工。
  5. One Thing:一次只做一件事。
  6. Review It:不要信任 AI,要检查它。
  7. Document It:文档是项目的说明书。

4. 常见问题 (FAQ - Vibe Style)

Q: Prettier 怎么没生效? A: 检查 Trae 设置:Settings -> 搜 Format On Save -> 勾选它。

Q: Claude Code 总是修不好 Bug? A: 提供更多上下文。把报错信息、相关代码全喂给它。如果还不行,换个问法。三轮对话没有解决BUG,直接新开一个对话,换上干净的上下文。

Q: 插件装多了会不会卡? A: 会。所以只装最核心的。别把 IDE 变成圣诞树。

5. 验收标准 (Definition of Done)

  1. Trae 左侧能看到 GitGraph 图标。
  2. 写错代码时,行尾能直接看到红色报错信息 (Error Lens)。
  3. Ctrl+S 保存时,代码自动排版变整齐 (Prettier)。
  4. 成功在终端用 /bug 修复了一个错误。

Next Mission: L07. 角色转换:从 Coder 到 PM

基于 Claude Code 构建