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 必装神器
- GitGraph:再也不用看枯燥的
git log列表了,它是彩色的地铁线路图。 - Error Lens:把报错直接显示在代码行尾。不用把鼠标移上去就能看见错误。
- Prettier:保存自动格式化。再也不用手动调整缩进了。
- Material Icon Theme:给你的文件换上好看的图标,一眼识别文件类型。
2.2 Claude Code 核心指令
Claude Code 是个听话的机器人,你可以对它下命令:
/init:初始化新项目,帮你写好 README 和 .gitignore。/bug:自动扫描并尝试修复当前报错。/test:根据代码生成测试用例。/doc:给函数加上注释文档。/cost:看看你花了多少 Token(钱)。
3. 实战演练 (Action)
Step 1: 插件全家桶
在 Trae 左侧点击 "Extensions" (方块图标),搜索并安装:
Git GraphError LensPrettier - Code formatterMaterial Icon Theme
Step 2: 玩转 Claude Code
打开终端,召唤 Claude:
bash
claude在 Claude 的对话框里输入:
/init:让它帮你初始化一个 Python 项目。- 随便写个有 Bug 的 Python 文件(比如
print(1/0))。 - 运行它报错。
- 输入
/bug,看 Claude 怎么修。
Step 3: Vibe Coding 七条铁律复习
这七条不仅是代码规范,更是人生哲学。背下来!
- Result First:能跑就是好代码。
- No Magic:像教小学生一样教 AI。
- Fail Fast:报错甩给 AI。
- Copy & Paste:只做搬运工。
- One Thing:一次只做一件事。
- Review It:不要信任 AI,要检查它。
- 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)
- Trae 左侧能看到 GitGraph 图标。
- 写错代码时,行尾能直接看到红色报错信息 (Error Lens)。
- 按
Ctrl+S保存时,代码自动排版变整齐 (Prettier)。 - 成功在终端用
/bug修复了一个错误。
Next Mission: L07. 角色转换:从 Coder 到 PM