新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

一、引言

这一周,我打算聊聊最近的热点话题。

AI 编程 IDE 突然火了,真是让人感到不可思议,国内外都跟着热闹起来。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

先来看看国外的动态,OpenAI 准备花30亿美元收购 Windsurf[1]

这真是个让人瞠目结舌的消息!Windsurf(之前叫 Codeium)才成立两年多,市场表现也不算突出,竟然能值这么多钱!

而且,OpenAI 今年三月的融资额才400亿美元[2],如今一下就要拿出30亿去收购,究竟看中 Windsurf 的哪些特质呢?

OpenAI 自己还没有编程助手,这唯一的理由就是,它想通过收购 IDE 进入 AI 编程市场,这对它来说显然是个重要的领域。

二、MarsCode 更名 Trae

再看国内,字节跳动也在忙着大动作。

他们的编程助手最开始是 MarsCode 插件,后来又推出了一个独立的 AI IDE 产品 Trae[3]

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

这周,MarsCode 正式宣布更名为 Trae 插件[4],不再作为一个独立品牌存在了。

从今往后,字节的 AI 编程助手将只以 Trae 这个品牌为主,分成两个不同的产品形态。

对于习惯了传统 IDE 的用户,他们可以选择安装 Trae 插件;而希望拥有更优质 AI 体验的用户,可以选择独立的 Trae IDE。

在这个消息发布的同时,Trae 的新版本也上线了,带来了不少新功能(后续会详细介绍)。

可以看得出,字节跳动已经下定决心,整合产品线,准备在 AI 编程工具方面大展拳脚了。

三、AI IDE 与 MCP 的关系

你有没有想过,为什么一些大公司在同一时间都开始关注 AI IDE 呢?

我觉得,关键在于 MCP 的出现。

有了 MCP,AI IDE 的能力就能无限扩展,这让它成为各大公司争相追逐的热点。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

接下来,我会跟大家聊聊 MCP 到底是什么,以及如何在 Trae 中使用它。相信你看完会明白 MCP 的重要性。

四、Trae 的基本情况

我之所以选择 Trae 来演示,是因为它是国产软件,界面友好且有中文文档,最关键的是完全免费(国外的产品一般都要收费)。

之前提到过,Trae 有插件和 IDE 两种形式,而它的 IDE 又分为国内版和国际版。这些版本的功能差不多,只是内置的 AI 模型不同。

国内版:集成了 deepseek R1、V3、v3-0324 和 doubao 1.5 pro 模型

国际版:包含 Claude 3.5、3.7,Gemini 2.5 pro,GPT-4o、GPT-4.1 模型

我建议大家优先使用国内版,因为国际版的模型经常需要排队,耗时又可能出现连接问题。

不过,这两个版本都允许自定义模型,只需提供密钥,就能接入你想用的模型。所以说,版本之间的差异其实影响不大。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

顺便说一下,Trae 这个名字的意思是“The Real AI Engineer”(真正的 AI 工程师)。我之前一直以为它的意思是 True Ai 呢。

五、Trae 的新版本特点

Trae 在新版本 v0.5.0 中,首次加入了 MCP 的调用功能。

快来试试Trae的新版本,功能更强大啦!

如果你还没下载Trae,真得去官网上更新一下哦!已经有的朋友,记得检查下你们的版本哦。

这次的界面简化得很不错,聊天框和项目生成器(Builder)合并成了一个新的对话框(下图)。所有与AI的对话,都可以在这里轻松输入。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

看一下上图,左下角新增了两个按钮:“@智能体”和“#上下文”。这可是这次更新的亮点功能哦。

至于Trae的基本用法,我就不多说了,大家可以参考之前的文章了解更多。

如何调用智能体?

要调用MCP的功能,可以直接点击左下角的“@智能体”按钮。

如果想让AI的能力更强大,就得用这个按钮,因为AI模型其实只是个语言模型,它本身的功能有限,得通过外部的应用(智能体)来增强它的能力。

只要点击“@智能体”(或者输入@),就会弹出一个对话框,列出当前可用的智能体(下图)。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

在这里,你会发现Trae自带了两个智能体:“@Build”和“@Builder with MCP”。

其中,“@Build”这个功能可以让AI帮你生成一个可以直接运行的新项目。

输入命令:@Build 俄罗斯方块网页小游戏

只要输入上面的指令,就能生成一个HTML文件,打开后就能玩俄罗斯方块小游戏了。

七、MCP 是什么

让我来给你简单说说MCP的意思,其实不难理解。

你知道AI模型是怎么扩展功能的吗?它们通过连接外部应用来实现,不过每个应用的接口都各有不同。如果你想接入十个应用,那就得写十套接入代码,听起来是不是很麻烦?而且如果换个模型,可能之前写的代码都得重做。

正因为如此,Anthropic公司在2024年11月提出了MCP协议。只要外部应用支持这个协议,并提供一个MCP接口(也就是MCP服务器),那么AI模型就能以统一的格式接入,完全不用去搞懂那些复杂的接入细节。

所以,MCP可以看作是AI与外部应用之间的桥梁。对于AI来说,只要安装了某个应用的MCP服务器,就能直接接入那个应用,几乎不需要写代码(除了少数的配置项)。

MCP解决了AI应用接入的麻烦,推出没多久就火得不可开交,就连Anthropic的竞争对手OpenAI也开始公开支持了,现在网上已经有成千上万的开源MCP服务器项目了。

八、调用 MCP

接下来我们看看Trae是怎么调用MCP的。

首先,点击AI标签栏右上角的齿轮图标,会弹出一个菜单,记得选择MCP这个选项哦。

轻松添加MCP服务器,让AI更智能

你会看到一个新的MCP标签页弹出来(像下面的图),别忘了点击底部的“+ 添加 MCP Servers”哦。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

Trae已经内置了一个MCP市场,里面有一些常用的MCP服务器。如果你找不到合适的,别担心,点击“手动配置”,自己添加也是可以的。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

为了方便演示,我选择了第一个服务器Puppeteer,这样AI就能调用无头浏览器了。

只需点击Puppeteer的名字,你就能进入这个开源项目的主页,看看它提供了哪些内部命令(也就是它的功能)。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

上面的图里,你可以看到这个MCP服务器提供了puppeteer_navigator(打开指定网址)、puppeteer_screenshot(截屏)、puppeteer_select(选择页面元素)这些内部命令,供AI模型使用。

用户不需要记住这些命令,只要知道它们的功能就行了。

接下来,点击它后面的加号,就可以添加这个MCP服务器了。

轻松上手的MCP配置,快来试试吧!

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

这个MCP上面有个“轻松配置”的标签,意思是你根本不用担心任何设置,直接就能用。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

你添加的所有MCP都会被放在一个叫“@Build with MCP”的智能体里,简单吧?通过这个智能体就能轻松使用它们。

在AI的对话框中,选择“@Build with MCP”这个智能体,然后试着输入“打开 https://www.baidu.com”,看看你新安装的Puppeteer服务器的表现如何。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

正常情况下,Trae会让你选一个项目文件夹,然后就会启动一个浏览器窗口,直接显示百度的首页,简单明了。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

轻松搞定MCP的使用技巧

说到MCP,很多人可能不知道它的用处。简单来说,AI之前是没法直接操控浏览器的,但现在通过MCP,这事儿就变得简单多了。

接下来,你可以尝试一些更复杂的指令,比如截图,结果也会很顺利哦。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

这就是使用MCP的基本流程。你还可以把设置好的MCP服务器保存为智能体,像下图那样。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

然后,你就可以用给智能体起的名字来调用它(看看下图),这样就能连接到指定的MCP服务器啦。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

九、上下文功能

除了MCP的使用,Trae的这次更新还增强了上下文功能,简单提一下。

上下文其实就是提供一些额外的信息,帮助AI更好地思考,以完成任务。

你可以通过#这个符号来调出上下文菜单。

新功能上线,AI助手更聪明啦!

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

从图中可以看出,AI现在能接收更多的上下文信息,比如代码、文件、目录和工作区等。

这次更新还新增了两个小选项,其中“Doc”是指提供额外的文档内容。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

只要你点击“添加文档集”,就能把文档目录作为AI模型的上下文使用哦。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

还有一个选项是“Web”,它的意思是可以用网络上的信息作为上下文,这样AI就能实时联网获取信息了。

新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘
新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘

看看上面的天气情况,AI 要是想给出答案,必须得能上网哦。

十、总结

借助 MCP 的调用和网络连接,AI IDE 的潜力简直无穷大,变成了一个超强的 AI 控制台,而不仅仅是个编程工具。

我敢打赌,大公司们之所以愿意大把花钱,就是因为看到了这一点。

我认为,在 AI IDE 中使用 MCP 服务器,肯定会成为软件行业的热门话题,值得大家关注。

(完)

参考文献

[1] 收购 Windsurf: https://www.jiemian.com/article/12627036.html
[2] 400亿美元:
https://www.cnbc.com/2025/03/31/openai-closes-40-billion-in-funding-the-largest-private-fundraise-in-history-softbank-chatgpt.html
[3] Trae:
https://sourl.cn/dLaMpy
[4] 改名为 Trae 插件:
https://docs.trae.com.cn/plugin/faq
[5] 官网:
https://sourl.cn/dLaMpy
[6] 以前的文章:
http://www.ruanyifeng.com/blog/2025/03/trae.html

来源:今日头条
原文标题:巨头的新战场:AI 编程 IDE(暨 字节 Trae 调用 MCP 教程) – 今日头条
声明:
文章来自网络收集后经过ai改写发布,如不小心侵犯了您的权益,请联系本站删除,给您带来困扰,深表歉意!

《新兴战场:AI 编程 IDE 深度解析与字节 Trae MCP 教程揭秘》有13条评论

  1. 对于字节跳动的整合策略,我觉得可以进一步提升用户体验,比如增加对多种编程语言的支持,这样能吸引更广泛的开发者。

    回复
  2. 字节跳动的 Trae 发展迅速,但我对其未来能否真正与国际竞争对手抗衡表示怀疑,尤其是在功能和用户体验方面,是否能持续创新?

    回复
  3. Trae确实在发展上表现不俗,但我还是担心它在AI模型的更新速度上能否跟上国际大厂的步伐,毕竟技术迭代很快。

    回复
  4. 字节跳动推出的 Trae 确实值得关注,但希望能在用户反馈基础上,持续优化功能,特别是提升 AI 模型的响应速度和稳定性。

    回复
  5. Trae 的界面友好,确实是国产软件中的一大亮点,但希望能在功能上更进一步,特别是扩展对多种编程语言的支持,吸引更多开发者。

    回复
  6. Trae 的界面和功能确实很不错,不过希望能增加更多编程语言的支持,这样能吸引更多开发者使用。

    回复
  7. Trae的界面友好且功能丰富,但我希望它能增加更多编程语言的支持,以便吸引更广泛的开发者使用。

    回复
  8. 字节跳动的 Trae 确实有潜力,但希望能更快更新 AI 模型,以跟上国际竞争者的步伐。技术发展迅速,不能落后。

    回复
  9. 字节的 Trae 确实很有潜力,但希望能在用户反馈的基础上,进一步优化功能,特别是提升 AI 模型的稳定性和响应速度。

    回复
  10. Trae 的确在界面和功能上表现不错,但我对其 AI 模型的稳定性和响应速度有些担忧,希望能够尽快优化。

    回复
  11. Trae 确实有很多优点,但我对它的 AI 模型精度和稳定性仍有疑虑,希望开发团队能加快优化进程。

    回复

发表评论