使用说明
编辑器功能
Trae 继承了 VS Code 的全部编辑能力,并在此基础上增强了 AI 辅助功能。
智能代码补全
Trae 提供两种补全方式:传统的 IntelliSense 和 AI 驱动的内联补全。
内联补全示例
// 输入注释描述意图,AI 自动生成实现
// 将数组按指定字段排序,支持升序和降序
function sortBy(arr, key, order = 'asc') {
return [...arr].sort((a, b) => {
if (a[key] < b[key]) return order === 'asc' ? -1 : 1
if (a[key] > b[key]) return order === 'asc' ? 1 : -1
return 0
})
}
// 按 Tab 接受补全,按 Esc 拒绝
// 按 Alt+] 查看下一个建议,Alt+[ 查看上一个
代码导航
- F12 — 跳转到定义
- Alt + F12 — 内联查看定义(不跳转)
- Shift + F12 — 查找所有引用
- Cmd/Ctrl + P — 快速打开文件
- Cmd/Ctrl + G — 跳转到指定行号
- Cmd/Ctrl + Shift + O — 跳转到文件中的符号
- Cmd/Ctrl + T — 全局符号搜索
多光标编辑
多光标操作
# 添加多个光标
Alt + 点击 # 在点击位置添加光标
Cmd/Ctrl + Alt + ↑/↓ # 向上/下添加光标
Cmd/Ctrl + D # 选中下一个相同词
Cmd/Ctrl + Shift + L # 选中所有相同词
# 列选择
Shift + Alt + 拖拽 # 矩形区域选择
代码折叠与格式化
格式化快捷键
# 格式化整个文件
Shift + Alt + F
# 格式化选中区域
Cmd/Ctrl + K, Cmd/Ctrl + F
# 折叠/展开代码块
Cmd/Ctrl + Shift + [ # 折叠
Cmd/Ctrl + Shift + ] # 展开
Cmd/Ctrl + K, Cmd/Ctrl + 0 # 折叠所有
Cmd/Ctrl + K, Cmd/Ctrl + J # 展开所有
重构功能
- F2 — 重命名符号(自动更新所有引用)
- Cmd/Ctrl + . — 快速修复和重构建议
- 右键菜单 → Refactor — 提取函数、提取变量等
- 选中代码后在 AI Chat 中说"重构这段代码"
Git 内联标注
编辑器左侧会显示 Git 改动标记,悬停可查看改动详情。
Git 标记说明
│ 绿色竖线 │ 新增的行
│ 蓝色竖线 │ 修改的行
│ 红色三角 │ 删除的位置
# 点击标记可以:
# - 查看原始内容
# - 撤销此处改动
# - 暂存此处改动(Stage Hunk)
调试器
launch.json — Node.js 调试配置
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "启动程序",
"program": "${workspaceFolder}/index.js",
"skipFiles": ["<node_internals>/**"]
}
]
}
- F5 — 开始调试
- F9 — 切换断点
- F10 — 单步跳过
- F11 — 单步进入
- Shift + F11 — 单步跳出