Trae史诗级大更新，一波追平Cursor！Rule+MCP+Agent...都来了

大家好，我是阿衡~

今天和大家体验一下 Trae 的大更新，到底更了些啥？

有一说一，Trae这次的更新可以称作是史诗级了，直接进阶到完成体了，我们先大致看下有哪些方面：

统一对话体验：Chat 与 Builder 面板合并，支持通过 @Builder 进入 Builder Agent 模式。
上下文能力增强 ：新增支持 #Web 和 #Doc 两种 Context。
- #Web：支持联网搜索，可直接粘贴链接，AI 自动提取网页内容作为上下文。
- #Doc：支持通过 URL 或上传 .md / .txt 文件添加文档集，最多支持 1000 个文件（50MB）。
自定义规则上线 ：支持为 Trae 配置个人与项目规则。
- 个人规则：创建 user_rules.md，跨项目生效。
- 项目规则：放置于 .trae/rules/project_rules.md，规范当前项目内 AI 行为。
Agent 能力全面升级：
- 支持通过 prompt 和 tools 自定义 Agent。
- 内置 Builder Agent 及 Builder with MCP，支持使用历史配置成功的全部 MCP 工具执行复杂任务。
- Agent 支持开启"自动运行"模式，自动执行命令和工具调用，支持配置命令黑名单。
MCP 支持上线：
- 内置 MCP 市场，支持快速添加第三方 MCP Servers。
- Agent 可灵活调用 MCP 工具，拓展执行能力。

一个比一个重磅啊，现在就来体验一下~

合并 Chat 与 Builder

这个与 Cursor 之前的合并差不多，不用切 Tab 了，算是一个小优化

#Web 和 #Doc

对于Web和Doc的支持，无疑是非常好的"有效更新"（对，说的就是Cursor，0.46之后都不知道在干什么...）

例：使用 `#Web` 阅读网页，整理数据，并实现分享到朋友圈的功能

随便在网上找了个芒格的语录，将链接贴给 Trae，他就能自动识别为链接，并且阅读理解了链接里的内容，剔除了无效数据

prompt：

bash 复制代码

https://www.fx168news.com/article/392057 这里查理·芒格的108条经典语录，帮我整理成一个个的条目，后续我需要在小程序中随机获取任意一条。暂时不需要实现代码，先帮我整理这个链接里的语录信息到文件中

之后可以让 Trae 去阅读对应的微信开发者文档，实现分享到朋友圈功能，比如：

markdown 复制代码

然后帮我实现一个功能：
1. 打开小程序的时候，随机获取 munger-quotes.json 中的一条数据的content，以斯堪的纳维亚风格卡片展现
2. 右下角有一个分享到朋友圈的按钮
3. 如何分享到朋友圈可以查看文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

查看思考内容的输出，可以看到他真的有去阅读链接里的文档，甚至能看到微信的icon

`#Doc` 怎么用？

输入 #Doc 后可以添加文档集

文档集既可以使用 URL 也可以使用本地文件。

比如我们项目经常使用一些第三方的库，不可能让 Trae 去完整阅读所有库的代码，这里就可以将库的文档链接配置一下。

对于自己项目维护的一些项目文档，这里也可以配置，帮助 Trae 快速理解项目。

这里我有一个完整的项目，让他通过我的文档来理解项目

注意：本地文件目前只支持 .md 和 .txt 两种格式，不支持 pdf 之类的

个人规则与项目规则

个人规则也就是我们之前理解的"全局规则"，在 Trae 里是 user_rules.md

项目规则是针对每个项目单独配置生效的，在 Trae 里是 .trae/rules/project_rules.md

在哪里设置规则？

在对话的右上角，设置，可以进入规则设定

怎么写规则？

如果你不会规则，可以直接拿现成的规则来"借鉴"，cursor.directory/ 上就已经有很多针对语言、前后端的规则，比如 cursor.directory/front-end-c...

markdown 复制代码

You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.

- Follow the user's requirements carefully & to the letter.
- First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail.
- Confirm, then write code!
- Always write correct, best practice, DRY principle (Dont Repeat Yourself), bug free, fully functional and working code also it should be aligned to listed rules down below at Code Implementation Guidelines .
- Focus on easy and readability code, over being performant.
- Fully implement all requested functionality.
- Leave NO todo's, placeholders or missing pieces.
- Ensure code is complete! Verify thoroughly finalised.
- Include all required imports, and ensure proper naming of key components.
- Be concise Minimize any other prose.
- If you think there might not be a correct answer, you say so.
- If you do not know the answer, say so, instead of guessing.

### Coding Environment
The user asks questions about the following coding languages:
- ReactJS
- NextJS
- JavaScript
- TypeScript
- TailwindCSS
- HTML
- CSS

### Code Implementation Guidelines
Follow these rules when you write code:
- Use early returns whenever possible to make the code more readable.
- Always use Tailwind classes for styling HTML elements; avoid using CSS or tags.
- Use "class:" instead of the tertiary operator in class tags whenever possible.
- Use descriptive variable and function/const names. Also, event functions should be named with a "handle" prefix, like "handleClick" for onClick and "handleKeyDown" for onKeyDown.
- Implement accessibility features on elements. For example, a tag should have a tabindex="0", aria-label, on:click, and on:keydown, and similar attributes.
- Use consts instead of functions, for example, "const toggle = () =>". Also, define a type if possible.