[Trea]-AI编辑器核心功能

[Trea]-AI编辑器核心功能

下载安装

国内版: 官网地址:https://www.trae.cn

国际版: 官网地址:https://www.trae.ai

安装 (傻瓜安装)

注册登录

编辑器配置

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

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

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

快速体验

trea是以文件夹的形式管理项目, 一个文件夹就是一个项目, 多个项目新开窗口即可

体验Java编程

  1. 新建一个文件夹, 使用trea打开该文件夹

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

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

  1. 可以手动运行代码

  1. 也可以让ai运行代码

  1. 查看运行结果

体验前端编程

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

  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. 多行批量修改, 有关联性的代码修改时, 会提示关联修改

光标位置预测

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

接受,接受部分和拒绝

  1. tab接受补全
  2. Ctrl+RightArrow 接受部分补全
  3. esc/继续输入表示拒绝补全

配置

以上功能是默认开启的, 也是ai coding的核心交互逻辑, 如果关闭, 功能就消失了

聊天模式

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

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

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

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

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

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

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

Trea上下文

在Trae工具里,

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

代码索引管理

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

忽略文件配置的说明

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

文档集

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

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

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

#符号

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

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

Rules规则

定制和规范TraeAI编程行为

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

User Rules 和 Project Rules

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

设置User Rules

设置Project Rules

Read more

大模型大比对:2026主流AI大模型全方位横评与选型指南

大模型大比对:2026主流AI大模型全方位横评与选型指南

引言:AI大模型时代,选对模型比用好模型更重要 步入2026年,AI大模型行业早已告别野蛮生长,进入精细化、场景化、差异化竞争的新阶段。从海外OpenAI、Google、Anthropic三巨头领跑,到国内通义千问、智谱GLM、Kimi、文心一言、豆包等模型强势崛起,市面上可供选择的大模型数量繁多,性能、价格、擅长领域各有千秋。对于普通用户、职场人、开发者以及企业而言,面对琳琅满目的AI产品,盲目跟风选择往往会造成效率浪费和成本损耗,只有摸清各大模型的核心优势、短板与适用场景,才能精准匹配需求,让AI真正成为高效助手。 本文精选海内外10款主流大模型,涵盖头部闭源商用模型、高性价比国产模型、开源标杆模型,从核心参数、文本创作、逻辑推理、代码能力、多模态表现、长文本处理、使用成本、隐私合规八大维度展开全方位对比,深入剖析各模型差异,同时给出不同场景下的选型建议,助力读者找到最适合自己的AI大模型。 一、参评大模型一览:覆盖海内外主流选手 本次对比选取当前市场渗透率高、用户口碑好、技术实力领先的10款大模型,

安全防护:AI识别HTML5页面的XSS攻击与防御

安全防护:AI识别HTML5页面的XSS攻击与防御

安全防护:AI识别HTML5页面的XSS攻击与防御 📝 本章学习目标:本章介绍前沿技术,帮助读者把握HTML5+AI的发展方向。通过本章学习,你将全面掌握"安全防护:AI识别HTML5页面的XSS攻击与防御"这一核心主题。 一、引言:为什么这个话题如此重要 在前端技术快速发展的今天,安全防护:AI识别HTML5页面的XSS攻击与防御已经成为每个前端开发者必须掌握的核心技能。HTML5作为现代Web开发的基石,与AI技术的深度融合正在重新定义前端开发的边界和可能性。 1.1 背景与意义 💡 核心认知:HTML5与AI的结合,让前端开发从"静态展示"进化为"智能交互"。这种变革不仅提升了用户体验,更开辟了前端开发的新范式。 从2020年TensorFlow.js的成熟,到如今AI辅助开发工具的普及,前端开发正在经历一场智能化革命。据统计,超过70%的前端项目已经开始尝试集成AI能力,AI辅助前端开发工具的市场规模已突破十亿美元。 1.2 本章结构概览 为了帮助读者系统性地掌握本章内容,我将从以下几个维度展开: 📊 概念解析

Spring AI Alibaba与 Agent Scope到底选哪个?

Spring AI Alibaba与 Agent Scope到底选哪个?

文章目录 * 引言 * 概念纠正 * 目前的两大发展方向 * Workflow模式(工作流) * 运行机制 * 后端视角类比 * 适用场景 * Agentic 模式 (智能体 / 自主模式) * 运行机制:Loop (循环) * 后端视角类比 * 适用场景 * AgentScope java 和 Spring AI Alibaba的区别 * 总结 引言 Spring AI Alibaba 和 Agent Scope 虽然都出自阿里巴巴,但它们的核心设计理念、适用场景以及对“Agent(智能体)”的定义有本质的区别。那我们怎么根据自己的场景来选择不同的框架呢?今天就来讲讲这两者适用的不同场景与相关概念,坐稳扶好! 概念纠正 有些人总是认为chatbot(ChatGPT、DeepSeek等)就是Agent,其实是错误的。 Agent = LLM(大脑)

OpenClaw进阶篇:浏览器自动化——让AI帮你操作网页

OpenClaw进阶篇:浏览器自动化——让AI帮你操作网页

OpenClaw进阶篇:浏览器自动化——让AI帮你操作网页 前言 上篇我们写了自定义Skill,发现核心是Prompt模板。 但Skill只是告诉AI"怎么做",真正执行还需要Tool。 今天讲一个强大的Tool:browser。 它让AI能像人一样操作浏览器——点击、输入、截图、执行JS。 一、browser工具是什么 OpenClaw的browser工具提供了三种连接模式: 1. 内置浏览器(默认) OpenClaw自带Playwright浏览器,AI可以直接调用: 功能说明示例navigate打开网页访问百度、知乎snapshot获取页面快照了解当前页面状态screenshot截图保留证据click点击元素登录、搜索、提交type输入文字填表单、发评论evaluate执行JS提取数据、计算select下拉选择选择日期、分类hover悬停显示隐藏菜单 特点:开箱即用,适合大多数场景。 2. CDP模式(Chrome DevTools Protocol) 连接你已有的Chrome浏览器,通过调试端口控制: // 启动Chrome时加上调试端口/