慣性聚合 高效追蹤和閱讀你感興趣的部落格、新聞、科技資訊
閱讀原文 在慣性聚合中打開

推薦訂閱源

博客园 - 司徒正美
V
V2EX
T
Tailwind CSS Blog
有赞技术团队
有赞技术团队
aimingoo的专栏
aimingoo的专栏
Apple Machine Learning Research
Apple Machine Learning Research
IT之家
IT之家
Blog — PlanetScale
Blog — PlanetScale
A
About on SuperTechFans
月光博客
月光博客
T
The Blog of Author Tim Ferriss
宝玉的分享
宝玉的分享
Martin Fowler
Martin Fowler
博客园 - 聂微东
The GitHub Blog
The GitHub Blog
V
Visual Studio Blog
WordPress大学
WordPress大学
酷 壳 – CoolShell
酷 壳 – CoolShell
Engineering at Meta
Engineering at Meta
GbyAI
GbyAI

阮一峰的网络日志

科技爱好者周刊(第 396 期):互联网通信的替代方案 科技爱好者周刊(第 396 期):互联网通信的替代方案 - 阮一峰的网络日志 科技爱好者周刊(第 395 期):软件开发的第三种方式 科技爱好者周刊(第 395 期):软件开发的第三种方式 - 阮一峰的网络日志 科技爱好者周刊(第 393 期):脑腐状态 科技爱好者周刊(第 392 期):axios 投毒与好莱坞式骗术 科技爱好者周刊(第 391 期):AI 的贫富分化 科技爱好者周刊(第 390 期):没有语料,大模型就是智障 套壳中国大模型撑起500亿美元估值?扒一扒 Cursor 的"套壳"疑云 科技爱好者周刊(第 389 期):未来如何招聘程序员 科技爱好者周刊(第 388 期):测试是新的护城河 零安装的"云养虾":ArkClaw 使用指南 科技爱好者周刊(第 387 期):你是领先的 科技爱好者周刊(第 386 期):当外卖员接入 AI 字节全家桶 Seed 2.0 + TRAE 玩转 Skill 科技爱好者周刊(第 385 期):马斯克害怕中国车企吗? 智谱旗舰 GLM-5 实测:对比 Opus 4.6 和 GPT-5.3-Codex 科技爱好者周刊(第 384 期):为什么软件股下跌 科技爱好者周刊(第 383 期):你是第几级 AI 编程 Kimi 的一体化,Manus 的分层 科技爱好者周刊(第 382 期):独立软件的黄昏 AI native Workspace 也许是智能体的下一阶段 科技爱好者周刊(第 381 期):中国 AI 大模型领导者在想什么 科技爱好者周刊(第 380 期):为什么人们拥抱"不对称收益" 科技爱好者周刊(第 379 期):《硅谷钢铁侠》摘录 我如何用 AI 处理历史遗留代码:MiniMax M2.1 升级体验 科技爱好者周刊(第 378 期):预测是新的互联网热点 科技爱好者周刊(第 377 期):14万美元的贫困线 科技爱好者周刊(第 376 期):太空数据中心的争议 科技爱好者周刊(第 375 期):一扇门的 Bug 终于有人做了 Subagent,TRAE 国内版 SOLO 模式来了 科技爱好者周刊(第 374 期):6GHz 的问题 VS Code 使用国产大模型 MiniMax M2 教程 科技爱好者周刊(第 373 期):数据模型是新产品的核心 国产大模型接入 Claude Code 教程:以 Doubao-Seed-Code 为例 科技爱好者周刊(第 372 期):软件界面如何设计 大模型比拼:MiniMax M2 vs GLM 4.6 vs Claude Sonnet 4.5 科技爱好者周刊(第 371 期):一个乐观主义者的专访 科技爱好者周刊(第 370 期):正确的代码高亮 错误处理:异常好于状态码 科技爱好者周刊(第 369 期):Tim 与罗永浩的对谈 科技爱好者周刊(第 368 期):不要这样管理软件团队 一天之内,智谱和 Anthropic 都发了最强编程模型 科技爱好者周刊(第 367 期):Nano Banana 的几个妙用 科技爱好者周刊(第 366 期):旧金山疯狂的 AI 广告 科技爱好者周刊(第 365 期):流量变现正在崩塌 科技爱好者周刊(第 364 期):最难还原的魔方 科技爱好者周刊(第 363 期):最好懂的神经网络解释 科技爱好者周刊(第 362 期):GitHub 工程师谈系统设计 科技爱好者周刊(第 361 期):暗网 Tor 安全吗?
巨頭的新戰場:AI 編程 IDE(暨 字節 Trae 調用 MCP 教程)
阮一峰 · 2025-04-22 · via 阮一峰的网络日志

一、引言

本週,我要加寫一篇文章。

因為 AI 編程 IDE 突然成了熱門,國內外都有大事發生。

先說國外,OpenAI 要用30億美元收購 Windsurf

這個消息太驚人。Windsurf(前身叫做 Codeium)的歷史很短,發佈至今兩年多,市場份額也不高,居然值這麼多錢!

OpenAI 最新一輪融資(今年3月)不過400億美元,現在一下子要拿出30億去收購,看中 Windsurf 哪一點呀!

OpenAI 自己沒有編程助手,所以唯一的解釋是,它要收購 IDE 打入 AI 編程市場,這個市場對它很重要。

二、MarsCode 更名 Trae

再看國內,字節也有大動作。

它旗下的編程助手,最早是 MarsCode 插件,後來又多了一個獨立的 AI IDE 產品 Trae

本週,MarsCode 宣佈改名為 Trae 插件,不再作為獨立品牌發展了。

以後,字節的 AI 編程助手,將只有 Trae 這一個品牌,分成兩種產品形態。

習慣傳統 IDE 的用戶,可以加裝 Trae 插件;想要更好 AI 體驗的用戶,可以安裝獨立的 Trae IDE。

這個消息公佈的同時,Trae 新版本也一起發佈,加入了重磅的新功能(後面會詳談)。

可以看出,字節是下了決心,整合了產品,準備在 AI 編程工具上發力了。

三、AI IDE + MCP

為什麼國內外的巨頭,在同一個時間,不約而同都看上了 AI IDE?

我猜想,答案是 MCP 的出現。

有了 MCP 以後,AI IDE 可以擴展外部能力,從而無所不能,這讓它成為巨頭的必爭之地。

下面,我來解釋 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 模型

我建議使用國內版,因為海外版的內置模型經常需要排隊,很浪費時間,而且可能還會通信不暢。

不過,這兩個版本都支持自定義模型,你可以提供密鑰,接入你指定的模型。所以,版本的差別也不算很重要。

順便提一下,Trae 這個詞的意思是"The Real AI Engineer"(真正的 AI 工程師)。我以前總是以為 Trae 的意思是 True Ai。

五、Trae 的新版本

Trae 的 MCP 調用功能,是從新版本 v0.5.0 開始加入的。

沒安裝的朋友,可以去官網下載新版。已經安裝的朋友,請檢查一下版本。

它的界面這一次簡化了,聊天框和 Builder(項目生成)合併成一個對話框(下圖)。所有跟 AI 的對話,都在這裡輸入。

上圖中,左下角多了兩個按鈕:"@智能體"和"#上下文"。這就是本次新增的核心功能。

至於 Trae 的基本用法,這裡就不提了,可以看以前的文章

六、調用智能體

MCP 調用的入口,就是上圖左下角的"@智能體"按鈕。

如果想要擴展 AI 的功能,就要使用這個按鈕。因為 AI 模型的本質只是語言模型,自身的功能是有限的,必須通過外部應用(智能體)來擴展功能。

點擊"@智能體"(或者輸入@),就會彈出一個對話框,顯示目前可用的智能體(下圖)。

可以看到,Trae 內置了兩個智能體:"@Build" 和 "@Builder with MCP"。

其中,"@Build"用來讓 AI 生成一個可運行的新項目。

@Build 俄羅斯方塊網頁小遊戲

輸入上面的命令,就會生成一個 HTML 文件,打開就是俄羅斯方塊小遊戲。

另一個內置的智能體"@Build with MCP",就是用來連接 MCP 服務器。

七、MCP 是什麼

我先解釋一下,MCP 是什麼,很容易理解。

我們知道,AI 模型通過連接外部應用,來擴展功能。每個外部應用的接口,都不一樣,如果要接入10個應用,就要寫10種接入代碼,非常麻煩。而且,要是換一個模型,可能所有接入代碼都要重寫。

有鑑於此,Anthropic 公司在2024年11月提出了 MCP 協議。外部應用只需要支持這個協議,提供一個 MCP 接口(又稱 MCP 服務器),那麼 AI 模型就可以用統一的格式接入,不需要了解外部應用的接入細節。

所以,MCP 可以理解成一個 AI 與外部應用之間的適配層。對於 AI 來說,只要安裝某個應用的 MCP 服務器,就能接入該應用,不用寫任何代碼(除了少數的配置項)。

由於 MCP 解決了 AI 應用的接入痛點,誕生至今僅半年,已經變得極其流行,就連 Anthropic 的競爭對手 OpenAI 公司都公開支持,網上開源的 MCP 服務器項目已經有上萬個。

八、調用 MCP

現在就來看 Trae 怎麼調用 MCP。

點擊 AI 標籤欄右上角的齒輪圖標,彈出一個菜單,選擇菜單項 MCP。

它會跳出一個 MCP 的標籤頁(下圖),點擊底部的"+ 添加 MCP Servers"。

Trae 內置了 MCP 市場,提供一些常用的 MCP 服務器。如果裡面沒有你需要的,可以點擊"手動配置",添加你自己的 MCP。

為了便於演示,我選擇第一個服務器 Puppeteer,讓 AI 可以調用無頭瀏覽器。

鼠標點擊 Puppeteer 的名字,會進入該開源項目的主頁,可以查看一下它提供的內部命令(即能力)。

上圖中可以看到,這個 MCP 服務器提供 puppeteernavigator(打開指定網址)、puppeteerscreenshot(截圖)、puppeteer_select(選中頁面元素)等內部命令,供 AI 模型調用。

用戶不需要記住這些命令,只需瞭解它有哪些能力就可以了。

接著,點擊它後面的加號,添加該 MCP 服務器。

這個 MCP 帶有"輕鬆配置"標籤,表示不需要任何設置,可以直接運行。

所有自己添加的 MCP,默認都放在內置的智能體"@Build with MCP",所以可以通過這個智能體來使用。

在 AI 對話框裡面,選中智能體"@Build with MCP",然後輸入下面的命令"打開 https://www.baidu.com",試試看新安裝的 Puppeteer 服務器。

正常情況下,Trae 會讓你選擇一個項目文件夾,然後就會打開一個瀏覽器窗口,顯示百度的首頁。

這就是 MCP 的作用。AI 本來沒有能力控制瀏覽器,但是現在就可以通過 MCP 來控制。

接著,可以給出一些更復雜的命令,比如生成截圖,也能順利完成。

這就是調用 MCP 的基本流程。你還可以把添加的 MCP 服務器保存成智能體(下圖)。

然後,通過你起的名字,調用該智能體(下圖),從而連接指定的 MCP 服務器。

九、上下文功能

除了 MCP 調用,Trae 的本次更新,還加強了上下文功能,這裡也簡單提一下。

所謂上下文,就是額外提供的信息,幫助 AI 模型思考,來完成任務。

通過#號,可以調出上下文菜單。

從上圖可以看到,可以提供的上下文,包括額外的代碼(code)、文件(file)、目錄(folder)、工作區(workspace)。

本次更新多了兩個選項,"Doc"表示額外的文檔。

點擊"添加文檔集",就可以添加文檔目錄,作為 AI 模型的上下文。

另一個選項"Web",表示用網上信息作為上下文。這為 AI 提供了實時聯網能力。

上圖的實時天氣問題,AI 只有具有聯網能力,才能回答。

十、總結

有了 MCP 調用和聯網能力,AI IDE 就具備了巨大的想象空間,不僅僅是編程工具,而成了一個無所不能的 AI 控制台。

那些大公司一定是看到了這一點,所以才願意投入大量資源,去做這個產品。

我認為,在 AI IDE 裡面調用 MCP 服務器,將成為近期軟件業的熱點,值得大家重點關注。

(完)