开篇:用了 Trae 不等于用好了 Trae
你可能已经用 Trae 写了不少代码,Chat Mode 聊得挺顺,Builder Mode 也跑过几个项目。但大多数人只用到了 Trae 能力的 30%。
这篇文章专门收集那些”早知道就好了”的技巧——快捷键、Prompt 写法、藏在设置里的小开关,每一条都是实战中摸出来的。
1. 快捷键进阶:那些不常见但好用的操作
基础快捷键你肯定知道了,下面这些是很多人没发现的:
| 快捷键 | 功能 | 说明 |
|---|---|---|
Cmd + Shift + I | 快速切换 AI 面板 | 比用鼠标点快得多 |
Cmd + . | 接受 AI 内联建议 | 比 Tab 更精准,只接受当前行 |
Cmd + Shift + V | 粘贴并让 AI 适配格式 | 从网上复制代码时特别好用 |
Cmd + Shift + E | 将选中代码发送到 Chat | 省去手动 @file 的步骤 |
Cmd + Shift + B | 在 Chat/Builder 间切换 | 不用鼠标点 Tab |
Option + Shift + F | AI 格式化当前文件 | 不只是缩进,会优化代码结构 |
Cmd + K, Cmd + S | 打开快捷键设置 | 自定义你自己的快捷键 |
一个小技巧:在快捷键设置里搜索 trae,会列出所有 Trae 专属的快捷键绑定。
2. Prompt 技巧:在 Trae 中写出更好的指令
同样的需求,不同的 Prompt 写法,AI 给出的结果质量差距巨大。这几个模式在 Trae 里特别有效:
角色 + 约束 + 任务
你是一个 TypeScript 专家,严格遵循函数式编程风格。
不要使用 class,所有状态管理用 zustand。
帮我实现一个购物车模块,支持添加、删除、修改数量。
先分析再动手
先分析 src/services/ 目录下的现有代码结构,
然后按照相同的模式帮我新增一个 notification service。
不要急着写代码,先告诉我你的方案。
给反例
帮我写一个表单验证函数。
不要用 if-else 嵌套,不要用 any 类型,
不要把所有逻辑写在一个函数里。
关键原则:Trae 的 AI 对”不要做什么”的理解比”要做什么”更精准。当你发现 AI 总是犯同一个错误时,直接在 Prompt 里写明”不要 xxx”。
3. 上下文优化:让 AI 回答更精准
Trae 的上下文系统很强大,但你得主动喂给它正确的信息。
用 @引用精确控制上下文
@file:src/types/user.ts
@file:src/api/user.ts
基于这两个文件的类型定义和 API 接口,帮我写一个 useUser hook。
用 @codebase 做全局搜索
@codebase 项目里所有用到 localStorage 的地方,帮我统一替换成封装好的 storage 工具函数。
用 @web 引入外部知识
@web https://docs.astro.build/en/guides/content-collections/
按照 Astro 最新的 Content Collections API 帮我重构 content 目录。
一个容易忽略的点:上下文不是越多越好。一次 @十几个文件,AI 反而会迷失重点,控制在 3-5 个相关文件最佳。
4. Builder Mode 高级用法:多步骤任务编排
Builder Mode 不只是”给个需求让它干活”。你可以用分步指令来编排复杂任务:
帮我完成以下任务,按顺序执行:
1. 在 src/components/ 下创建 DataTable 组件,支持排序和分页
2. 在 src/hooks/ 下创建 useTableData hook,处理数据获取和状态
3. 在 src/pages/dashboard.tsx 中引入 DataTable,展示用户列表
4. 为 DataTable 组件写单元测试
每完成一步,暂停等我确认后再继续下一步。
最后那句”暂停等我确认”很关键。没有它,Builder 会一口气全做完,中间出了问题你很难回滚到某个中间状态。
用检查点控制质量
完成第 2 步后,先跑一下 npm run typecheck,
如果有类型错误就修复后再继续。
这样 Builder 会在每个阶段自动做质量检查,而不是最后一起报错。
5. SOLO Mode 语音交互技巧
SOLO Mode 支持语音输入,几个实用建议:
- 先说”大目标”再说”细节”,比如:“我要做一个博客系统——需要文章列表、详情页、标签筛选”
- 说完需求后加一句”就这些”,AI 会更快开始执行
- AI 理解错了直接说”停一下,刚才那个不对”,它会暂停等你纠正
- 语音支持中英文混合,说”帮我写一个 useState hook”完全没问题
6. 模型切换的快速方法
Trae 支持多个模型,不同任务适合不同模型:
# 在 AI 面板底部点击模型名称即可切换
# 或者用命令面板:
Cmd + Shift + P → 输入 "Switch Model"
实用的模型选择策略:
| 任务类型 | 推荐模型 | 原因 |
|---|---|---|
| 简单补全、改格式 | Claude 3.5 Sonnet | 快,够用 |
| 复杂架构设计 | Claude Opus / GPT-4o | 推理能力强 |
| 前端 UI 生成 | Claude Sonnet | 对 CSS/HTML 理解好 |
| 代码审查 | Claude Opus | 能发现深层问题 |
| 快速问答 | GPT-4o mini | 响应最快 |
一个省时间的做法:在 Trae 设置里给不同模式绑定默认模型。比如 Chat 用 Sonnet,Builder 用 Opus,这样切换模式时模型自动跟着换。
7. 代码片段与模板的 AI 生成
与其手动维护代码片段库,不如让 AI 帮你生成:
帮我生成一个 VS Code snippet,功能是快速创建 React 函数组件。
要求:
- 前缀是 rfc
- 自动导入 React
- 组件名从文件名推断
- 包含 Props 类型定义
- 导出方式用 export default
Trae 会直接生成 .code-snippets 文件并放到正确的位置。也可以让它批量生成:
分析我项目里最常出现的代码模式,帮我生成 10 个最实用的 snippets。
8. Git 操作的 AI 辅助
Trae 的 AI 能直接帮你处理 Git 操作,比你手动敲命令方便得多:
# 在 Builder Mode 中:
帮我看看当前的 git diff,写一个规范的 commit message,然后提交。
# 更高级的用法:
分析最近 5 次提交,帮我写一个 CHANGELOG 更新。
处理合并冲突时特别好用:直接 @file 引用冲突文件,告诉 AI 保留哪边的改动,它能理解两边意图,比手动看 <<<<<<< 标记高效得多。
9. 终端集成的高效用法
Trae 的终端不只是一个普通终端,它和 AI 是打通的:
# 终端报错后,直接在 Chat 里说:
刚才终端报的那个错误,帮我分析一下原因并修复。
Trae 会自动读取终端的最近输出,你不需要手动复制错误信息。
跑测试失败、构建报错、依赖冲突——这些场景都可以直接让 AI 读取终端输出来分析。比如:
终端里 npm install 报了 peer dependency 冲突,
帮我分析冲突原因,给出最小改动的解决方案。
不要用 --force 或 --legacy-peer-deps,我要彻底解决。
10. 多窗口与多项目管理
同时开发多个项目时,每个窗口的 AI 上下文是独立的,不会互相干扰。你可以在一个窗口里用 @file 加绝对路径引用另一个项目的文件:
@file:/Users/you/project-a/src/types/shared.ts
在当前项目中创建一个兼容 project-a 类型定义的 API client。
如果你经常在前后端项目之间切换,用 Trae 的 Workspace 功能把它们放在同一个窗口,AI 就能同时理解两边的代码。
11. 性能优化:让 Trae 跑得更快
Trae 用久了可能会变慢,这几个设置能明显改善:
// settings.json 中添加:
{
"trae.ai.maxContextFiles": 10,
"trae.ai.indexing.excludePatterns": [
"**/node_modules/**",
"**/dist/**",
"**/build/**",
"**/.git/**",
"**/coverage/**"
],
"trae.ai.cacheEnabled": true,
"editor.minimap.enabled": false,
"extensions.autoUpdate": false
}
其他优化手段:定期清理 AI 对话历史(长对话会拖慢响应),大项目中用 .traeignore 排除不需要索引的目录,关闭不用的扩展特别是其他 AI 补全插件。
12. 自定义主题与界面布局
Trae 基于 VS Code,所以主题生态直接可用。但有几个 Trae 专属的界面调整:
// 调整 AI 面板的位置和大小
{
"trae.ai.panelPosition": "right",
"trae.ai.panelWidth": 480,
"trae.ai.fontSize": 14,
"trae.ai.showInlineHints": true
}
推荐布局:左侧文件树 + 中间编辑器 + 右侧 AI 面板。屏幕够大的话,把终端拖到右下角和 AI 面板上下排列。用 Cmd + J 快速切换终端显示。
13. 常见坑与解决方案汇总
用 Trae 过程中你大概率会遇到这些问题:
| 问题 | 原因 | 解决方案 |
|---|---|---|
| AI 响应突然变慢 | 对话历史太长 | 新开一个对话,用 Cmd + N |
| Builder 生成的代码有类型错误 | 上下文缺少类型定义文件 | 在 Prompt 里 @引用相关的 .d.ts 或 types 文件 |
| AI 不理解项目结构 | 项目索引未完成 | 等右下角索引进度条跑完,或手动触发重新索引 |
| 代码补全和 AI 建议冲突 | 同时装了 Copilot 等插件 | 禁用其他 AI 补全插件,只保留 Trae |
| SOLO Mode 语音识别不准 | 环境噪音或麦克风设置 | 在安静环境使用,检查系统麦克风权限 |
| Builder 执行到一半卡住 | 任务描述太模糊 | 点击停止,拆分成更小的子任务重新执行 |
| 生成的代码风格不统一 | 没有配置项目规则 | 创建 .trae/rules 文件定义代码规范 |
| 模型切换后效果变差 | 不同模型擅长的领域不同 | 参考第 6 节的模型选择策略 |
| 文件修改后 AI 没感知到 | 索引缓存未更新 | 保存文件后等几秒,或手动刷新索引 |
| 终端输出 AI 读不到 | 终端输出超出缓冲区 | 将输出重定向到文件,然后 @file 引用 |
最后
这些技巧不需要一次全记住。先挑 2-3 个和你当前工作最相关的试试,形成习惯后再加新的。
“工具是手的延伸,AI 是脑的延伸。但延伸得好不好,取决于你怎么用它。” —— 在 Trae 里写了三个月代码后的感悟
相关文章
评论
加载中...
评论
加载中...