使用说明
界面介绍
了解 Trae 的界面布局，快速找到你需要的功能。
整体布局
Trae 界面布局示意图
┌─────────────────────────────────────────────────────────┐
│ 菜单栏 File Edit View Go Run Terminal Help │
├──────┬──────────────────────────────────┬───────────────┤
│ │ 标签栏 index.js × App.jsx × │ │
│ 活 │ ─────────────────────────────── │ AI Chat / │
│ 动 │ │ Builder │
│ 栏 │ 编辑器区域 │ 面板 │
│ │ （代码编辑 + 内联补全） │ │
│ 📁 │ │ │
│ 🔍 │ │ │
│ 🔀 ├──────────────────────────────────┤ │
│ 🧩 │ 终端面板 │ │
│ │ $ npm run dev │ │
└──────┴──────────────────────────────────┴───────────────┘
状态栏：分支 main TS Ln 42 AI 就绪活动栏（左侧图标栏）
资源管理器
浏览项目文件树，右键可新建、重命名、删除文件
全局搜索
在整个项目中搜索文本，支持正则表达式和替换
源代码管理
Git 集成面板，查看改动、提交、推送，AI 生成 commit message
运行和调试
配置调试器，设置断点，查看变量和调用栈
插件市场
搜索、安装、管理 VS Code 兼容插件
AI 面板
打开 Chat 和 Builder，也可用 Cmd/Ctrl+L 快速唤起
编辑器区域
- 多标签页：同时打开多个文件，拖拽调整顺序
- 分屏编辑：拖拽标签到边缘，或 Cmd/Ctrl + \ 垂直分屏
- 面包屑导航：顶部显示当前文件路径和代码结构
- 小地图：右侧滚动条旁的代码缩略图，快速定位
- 内联 AI 补全：输入时自动出现灰色建议，Tab 接受
- 错误波浪线：实时语法检查，悬停查看错误详情
AI 面板
- Chat 模式：对话式问答，支持多轮上下文
- Builder 模式：自主完成复杂任务，自动创建和修改文件
- 模型切换：在 GPT-4o 和 Claude 3.5 Sonnet 之间切换
- 历史记录：查看之前的对话记录
- 代码应用：一键将 AI 生成的代码写入编辑器
终端面板
终端快捷操作
# 打开新终端
Ctrl + ` (反引号)
# 新建终端会话（支持多个并行终端）
点击终端面板右上角的 + 按钮
# 在终端中运行项目
npm run dev
python app.py
go run main.go状态栏
- 左侧：Git 分支名称，点击可切换分支
- 中间：错误和警告数量，点击跳转到问题面板
- 右侧：当前文件语言、行列号、缩进设置、编码格式
- 最右：AI 状态指示器，显示当前 AI 模型和连接状态
按 Cmd/Ctrl + Shift + P 打开命令面板，输入任何功能名称即可快速执行，不需要记住所有菜单位置。