04 · 界面总览

熟悉 Trae 的界面布局，理解每个区域的作用和三种模式的切换方式。

01 整体布局

Trae 的界面基于 VS Code，但左上角的模式切换器是它独有的：

┌──────────────────────────────────────────────┐
│  ● Chat  ○ Builder  ○ SOLO   ← 模式切换器    │
├────┬─────────────────────────────────────────┤
│ 活 │  标签栏                                   │
│ 动 │  ┌─────────────────────────────────┐    │
│ 栏 │  │                                 │    │
│    │  │     编辑区                       │    │
│ 文 │  │                                 │    │
│ 件 │  │                                 │    │
│ 浏 │  └─────────────────────────────────┘    │
│ 览 │  ┌─────────────────────────────────┐    │
│ 器 │  │  终端面板 / 输出面板             │    │
│ 搜 │  └─────────────────────────────────┘    │
│ 索 │                                          │
│ 扩 │  ┌─────────────────────────────────┐    │
│ 展 │  │  AI 对话面板（Chat模式）          │    │
│    │  │  或 Builder 预览区                │    │
│    │  │  或 SOLO 任务面板                 │    │
├────┴─────────────────────────────────────────┤
│  状态栏：行号 编码 语言模式 Git 分支          │
└──────────────────────────────────────────────┘

02 模式切换器：Trae 的”驾驶模式旋钮”

左上角的模式切换器是 Trae 最重要的界面元素：

● Chat    ○ Builder    ○ SOLO

• 点击切换，不需要重启、不丢失当前会话
• 每个模式有自己独立的 AI 面板和交互方式
• 当前模式决定 AI 的行为边界

三种模式下的界面变化

03 核心快捷键速查

AI 操作

通用操作

04 AI 对话面板

Chat 模式的对话面板

Chat 模式下，AI 面板在右侧或底部，和 Cursor 的 Chat 类似：

• 输入框：写问题或指令
• @ 引用：@文件 让 AI 看某个文件，类似 Cursor
• 上下文显示：AI 自动标出它读了哪些文件
• Apply 按钮：AI 建议的代码修改需要你点 Apply 才会写入文件
• 历史记录：聊天历史保存在侧边栏

Builder 模式的工作区

Builder 模式下界面变化很大：

• 描述输入区：底部的大输入框，支持文字 + 图片
• 步骤列表：左侧显示 AI 当前的执行步骤（创建文件 → 装依赖 → 启动服务…）
• Webview 预览：右侧实时显示应用运行效果
• History 按钮：查看每个版本快照，一键回滚
• 导出按钮：满意后导出为完整项目

SOLO 模式的任务面板

SOLO 模式下：

• 任务输入：顶部一句话描述目标
• Todo Pipeline：AI 自动拆解的任务列表，逐项勾选完成
• 进度条：整体完成百分比
• Diff 预览：每次修改弹出 diff 对比
• 测试结果：自动运行测试并显示结果
• 日志输出：完整的执行日志，方便排查问题

05 设置面板

Cmd+,（Mac）或 Ctrl+,（Win）打开设置。Trae 的设置分两大部分：

通用设置（继承 VS Code）

• 主题、字体、缩进、快捷键——和 VS Code 完全一样
• 插件管理——全部 VS Code 插件兼容

Trae 专属设置

• 模型选择：选择默认使用的 AI 模型
• Builder 设置：Builder 模式的行为偏好
• SOLO 设置：SOLO 的自主程度、并发数、超时时间
• 代理设置：国内版不需要配，国际版可能需要
• 隐私设置：代码索引范围、数据上传开关
• 快捷键：所有 AI 操作的快捷键自定义

06 命令面板

Cmd+Shift+P 打开命令面板。以下是 Trae 专属的常用命令：

07 小结

下一篇：05 Chat 模式 —— Chat 模式的深度用法：不只是问答，是精细控制的最佳入口。