使用说明

编辑器功能

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 — 单步跳出