跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
编程语言AI大前端java

Trae AI 编辑器核心功能与使用指南

综述由AI生成Trae AI 编辑器是一款集成 AI 能力的开发工具,支持多语言编程辅助。下载注册、基础配置(如智能体、MCP、模型管理)、快速体验(Java/前端示例)及核心功能(Tab Cue 代码补全与重写、多行协同)。此外还涵盖了聊天模式(IDE/Solo)、自定义智能体创建、上下文管理及规则设置等内容,旨在帮助用户高效利用 AI 提升编码效率。

城市逃兵发布于 2026/4/6更新于 2026/5/2137 浏览
Trae AI 编辑器核心功能与使用指南

下载安装

官网地址:https://www.trae.cn (国内版) / https://www.trae.ai (国际版)

文章配图

文章配图

安装步骤

文章配图

文章配图

文章配图

文章配图

文章配图

注册登录

文章配图

文章配图

编辑器配置

  1. 点击齿轮图标,进入 Trae Settings

文章配图

  1. 左侧选择支持的配置项

文章配图

  1. 配置项说明
  • 通用: 包括基础设置和偏好设置,如主题、编辑器设置、快捷键等。
  • 开发环境: 对开发的项目设置相关环境,如 JDK、Maven、Node.js 等。
  • 智能体: Trae 中独立执行特定任务的'虚拟代理',核心作用是按需配置工具与协作策略。
  • MCP: Trae 中模型与开发环境的交互协议,核心作用是驱动 AI 自动执行开发任务。
  • 对话流: Trae 中 AI 与用户交互的'流程化设计',核心作用是优化上下文理解与多轮交互体验。
  • CUE (Context Understanding Engine): 提供多行编辑、智能改写和光标预测功能,实现更高级的代码辅助体验。
  • 模型: 模型管理,支持超级模型、高级模型及自定义模型添加。
  • 上下文: 管理代码索引、配置忽略文件和添加文档集。
  • 规则: 开发流程的'自动化规范',减少重复操作与错误,包括个人规则和项目规则。

快速体验

Trae 以文件夹形式管理项目,一个文件夹即为一个项目,多个项目可新开窗口。

体验 Java 编程

  1. 新建文件夹,使用 Trae 打开该文件夹

文章配图

  1. 输入提示词,让 AI 编写编码

文章配图

  1. 查看生成的代码
public class HelloWorld { public static void main(String[] args) { System.out.println("Hello, World!"); } }
  • 在系统环境变量中正确配置 JAVA_HOME,Trae 会自动识别到相关配置。
  • 通常会提示安装相关的扩展和插件,点击安装即可。

文章配图

  1. 可以手动运行代码

  2. 也可以让 AI 运行代码

文章配图

  1. 查看运行结果

文章配图

体验前端编程

  1. 新建文件夹,使用 Trae 打开

文章配图

  1. 输入提示词,并使用提示词优化功能

文章配图

文章配图

  1. 查看生成的代码

文章配图

  1. 运行代码

文章配图

  1. 查看运行效果

文章配图

核心功能

Tab Cue (Context Understanding Engine)

说明:Tab Cue 是核心交互功能,通过 AI 驱动的智能补全和上下文感知能力显著提升编码效率。

文章配图

代码补全

只要编写注释,AI 就可以补全代码。

  1. 新建文件夹,新建 ArraySort 类
public class ArraySort { }
  1. 添加注释,然后让 AI 补全代码
public class ArraySort { // 编写一个方法,可以接收数组,并排序,排序使用冒泡排序 public static void bubbleSort(int[] arr) { for (int i = 0; i < arr.length - 1; i++) { for (int j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { int temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } } // 编写一个方法,可以接收数组,并打印数组 public static void printArray(int[] arr) { for (int i = 0; i < arr.length; i++) { System.out.print(arr[i] + " "); } System.out.println(); } // 编写一个 main 方法,测试 bubbleSort 方法和 printArray 方法 public static void main(String[] args) { int[] arr = {3, 6, 2, 5, 1, 4}; System.out.println("排序前:"); printArray(arr); bubbleSort(arr); System.out.println("排序后:"); printArray(arr); } }
  1. 运行方法

文章配图

智能代码重写

只要修改注释,就能对代码进行重写。

  1. 修改文件中的注释信息,让 AI 更新代码

文章配图

  1. 修改后的代码
// 编写一个方法,可以接收数组,并排序,排序使用冒泡排序,排序从大到小 public static void bubbleSort(int[] arr) { for (int i = 0; i < arr.length - 1; i++) { for (int j = 0; j < arr.length - 1 - i; j++) { if (arr[j] < arr[j + 1]) { int temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } }
  1. 运行查看效果

文章配图

多行协同优化
  1. 数据联想: 当编写成员变量(字段)时,会进行自动联想和补全。

文章配图

  1. 多行批量修改: 有关联性的代码修改时,会提示关联修改。

文章配图

光标位置预测

对一个方法写完注释后,IDE 会预测我可能会到第二个方法书写注释。

文章配图

接受与拒绝
  1. Tab 接受补全。
  2. Ctrl+RightArrow 接受部分补全。
  3. Esc/继续输入表示拒绝补全。

配置: 以上功能是默认开启的,也是 AI Coding 的核心交互逻辑,如果关闭,功能就消失了。

文章配图

聊天模式

Trae 中提供多种聊天模式,适用不同场景。

文章配图

  1. Chat: 适用场景为聊聊你的代码库或编写代码。

文章配图

  1. Builder: 适用场景为端到端执行常规开发任务。

文章配图

  1. Builder with MCP: 支持使用配置的所有 MCP Servers。

文章配图

  1. SOLO Coder: 解决复杂的编程问题。

文章配图

Trae 提供 IDE 模式和 SOLO 模式两种开发方式,分别侧重人机协作与 AI 自主开发。以下是核心区别:

  1. IDE 模式

    • 特点: 保留传统开发流程,支持智能问答、代码补全等辅助功能,用户对开发过程有更强掌控感。
    • 适用场景: 适合需要精细控制代码或逐步验证逻辑的开发者。
  2. SOLO 模式

    • 特点: AI 主导全流程(需求理解、编码、测试、部署),通过自然语言输入即可自主完成开发任务,自动化程度高。
    • 适用场景: 处理标准化任务或要求不高,SOLO 模式可以快速实现。

使用 SOLO 模式开发网页游戏--贪吃蛇

  1. SOLO 模式下,支持 Plan 功能: 为完成任务制定详细的计划,先和用户沟通制定计划,确认后再执行。

文章配图

文章配图

  1. 新建文件夹,输入提示词,让 AI 制定开发计划并执行
你现在是一名资深的网页游戏开发工程师,请帮我用原生 HTML + CSS + JavaScript 编写一个可以直接在浏览器中运行的网页版《贪吃蛇》游戏,要求如下 🧭 功能要求:1. 要求有积分统计 2. 页面要有多种背景可以切换 3. 代码添加中文注释 🧩 技术要求:- 不使用任何框架或库(如 React、Vue、jQuery 等);- 所有代码写在同一个 HTML 文件中;- 有详细注释,逻辑清晰;- 在浏览器中打开即可使用。 ⚙️ 输出格式要求:- 一次性输出完整的 HTML 文件代码,并直接保存为 snakeGame01.html 文件到当前文件夹下 - 代码可直接运行,无需任何依赖 - 包含 <style> 和 <script>
  1. 任务执行完成后,运行代码

文章配图

自定义智能体

在 Trae 中创建自定义智能体可以帮你高效处理各种任务。

文章配图

应用实例 1: 创建可视化讲师智能体,帮助学习编程技术

  1. 创建智能体

文章配图

名称:可视化讲师 将复杂概念转化为直观的可视化网页,通过图文并茂的方式帮你深入理解

文章配图

  1. 使用智能体完成任务

文章配图

  1. 任务执行完成后,查看效果

文章配图

应用实例 2: 创建 MCP 自动化助手智能体,提高工作效率

  1. 把文件拖入输入框作为上下文引用,输入提示词

文章配图

  1. 执行执行任务的模型

文章配图

  1. 执行任务,查看结果

文章配图

EditorAI 编码

直接在编辑器窗口中生成新代码或编辑现有代码,适合精准的修改代码/内容。

  1. 在文件内,选中代码,然后 ctrl + I 进行对话

文章配图

Trae 上下文

在 Trae 工具里,'上下文 (Context)'是指 AI 工具在回答你的问题或帮助你编程时所能'看到'和'理解'信息的范围,有助于 Trae 能精准响应。

文章配图

代码索引管理

对工作区中的代码进行全局索引构建,发起 #Workspace 问答时将自动全局检索与问题相关的跨文件上下文,给出与项目更相关的回复。

文章配图

忽略文件配置的说明

文章配图

  1. 通过将".ignore"文件添加到根目录来控制哪些文件/文件夹被忽略。
  2. 提升索引速度:
    • 排除依赖目录(比如:node_modules/、vendor/)
    • 排除构建输出目录(比如:build/、out/)
    • 排除大型媒体/数据文件(比如:.mp4、.mov、*.avi)

文档集

通过 URL、本地上传的方式添加常用的文档集作为上下文与 AI 问答。

  1. 获取指定技术/框架/组件的官方文档,然后添加到文档集

文章配图

  1. 需要的时候手动引用文档集,让 AI 的回答更靠谱

文章配图

#符号

在 Trae 中通过 #符号 在聊天中引用代码、文件、文档和其他上下文,直接更具体的指定上下文环境。

  1. #File、#Folder
  2. #Code
  3. #Doc
  4. #Web
  5. #Problems
  6. #Workspace

Rules 规则

定制和规范 Trae AI 编程行为。

  1. Rules是给 Trae AI 功能生成结果添加规则和限制,让 Trae 生成的代码贴合团队规范,主要的作用如下:
    • 约束代码风格(如强制用驼峰命名、要求方法写注释等)
    • 能限定技术选型(如指定优先使用某技术/框架/库,禁止使用某组件/框架/库)
    • 提前指定配置参数(如提前设置连接数据库方式、账号密码等)

User Rules 和 Project Rules

文章配图

如果 Project Rules 和 User Rules 规则冲突了,Project Rules 的优先级更高。

设置 User Rules

文章配图

文章配图

设置 Project Rules

文章配图

文章配图

目录

  1. 下载安装
  2. 编辑器配置
  3. 快速体验
  4. 体验 Java 编程
  5. 体验前端编程
  6. 核心功能
  7. Tab Cue (Context Understanding Engine)
  8. 代码补全
  9. 智能代码重写
  10. 多行协同优化
  11. 光标位置预测
  12. 接受与拒绝
  13. 聊天模式
  14. 自定义智能体
  15. 应用实例 1: 创建可视化讲师智能体,帮助学习编程技术
  16. 应用实例 2: 创建 MCP 自动化助手智能体,提高工作效率
  17. EditorAI 编码
  18. Trae 上下文
  19. 代码索引管理
  20. 忽略文件配置的说明
  21. 文档集
  22. #符号
  23. Rules 规则
  24. User Rules 和 Project Rules
  25. 设置 User Rules
  26. 设置 Project Rules
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Qwen3 模型 LoRA 微调实战(基于 LLaMA-Factory)
  • LeetCode 链表经典题目解析:移除、反转、中间节点与回文结构
  • 系统学习 AIGC:构建从入门到实战的完整技能体系
  • 从零开始用 Python 复现 LLaMA 4 MoE 架构
  • OpenClaw 本地 AI 助手安装与配置实战指南
  • Windows 系统安装配置 Neo4j 图数据库图文教程
  • 从零开始利用 Python 构建 LLaMA 4 MoE 模型详解
  • DeepSeek-R1 使用技巧:如何平衡深度思考与回复质量
  • 无需拓展插件:Copilot 接入第三方 OpenAI 接口方案
  • 基于Python的轻量级上位机开发流程解析
  • 无人机 5.8G 模拟图传电路设计方案及性能分析
  • Agent 智能体开发框架对比:主流方案选型指南
  • Windows 权限提升:滥用 Windows 服务提权(上)
  • Windows 安装 Python 后 CMD 命令行无法识别
  • 机器人视觉感知系统:YOLOv8 与 ROS 集成应用指南
  • Linux 基础 IO 解析:从 C 库函数到系统调用,理解文件操作本质
  • C++ 红黑树原理与实现:平衡规则、旋转操作及代码详解
  • Whisper-Large-V3-Turbo:语音识别技术架构与性能分析
  • 如何修改 Conda 环境的 Python 版本
  • Linux 系统权限概念与操作详解

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

  • JavaScript 压缩与混淆

    Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online