這是MCP客戶端入門使用教程系列第四篇:《MCP客戶端入門使用教程之trae安裝配置》。

本教程介紹如何安裝Trae IDE並配置MCP服務，幫助您快速掌握Trae與MCP的結合使用，提升AI編程效率。

一、什麼是MCP和Trae

1.1 MCP簡介

MCP（Model Context Protocol）是由Anthropic公司推出的一種開放標準協議，旨在為大型語言模型（LLMs）提供與外部數據源和工具交互的標準化接口。MCP的核心功能包括：

• 工具調用（Tools）：允許AI模型調用外部服務和API
• 資源訪問（Resources）：提供結構化和非結構化數據的訪問能力
• 提示模板（Prompts）：預定義工作流，簡化重複任務

通過MCP，AI模型不再侷限於訓練數據，而是能夠即時獲取最新信息、調用各種工具和服務，完成更復雜的任務。

1.2 Trae簡介

Trae（發音：/treɪ/）是字節跳動推出的AI驅動的集成開發環境（IDE），類似於Cursor，是一款支持中文的強大編程工具。它與AI深度集成，提供智能問答、代碼自動補全以及基於Agent的AI自動編程能力。Trae支持Windows和macOS操作系統，目前可免費使用，內置Claude和GPT-4o等先進AI模型。

最新版本的Trae已經支持MCP功能，通過內置MCP市場，可以快速添加和配置各種MCP服務，極大地增強了IDE的功能和靈活性。

二、Trae的安裝步驟

2.1 下載Trae

1. 訪問Trae官網：https://www.trae.com.cn/
2. 官網會自動檢測您的操作系統，顯示對應的下載按鈕

如果需要手動選擇，您可以點擊查看所有下載選項，選擇適合您操作系統的版本。

2.2 安裝Trae

下載完成後，雙擊安裝包，按照提示步驟進行安裝：

1. 接受許可協議
2. 選擇安裝位置（默認為C盤程序文件夾）
3. 可選擇是否創建桌面快捷方式
4. 點擊"安裝"開始安裝過程

2.3 初始配置

安裝完成後，啟動Trae，首次啟動時會進入初始配置頁面：

1. 點擊"開始"按鈕，進入初始配置流程

2.選擇主題：可選項為暗色、亮色和深藍，根據個人喜好選擇

3.選擇顯示語言：可選項為簡體中文和English，選擇您習慣使用的語言

4.點擊"繼續"按鈕，完成主題和語言的選擇

2.4 導入配置（可選）

如果您之前使用過VS Code或Cursor，可以選擇導入已有配置：

1. 點擊"從VS Code導入"或"從Cursor導入"按鈕
2. 系統將自動從對應IDE獲取插件、設置和快捷鍵等信息

2.5 登錄賬號

要使用Trae的AI功能，需要登錄賬號：

1. 使用手機號登錄Trae
2. 完成驗證流程
3. 登錄成功後，您就可以使用Trae的AI服務了

三、在Trae中配置MCP服務

3.1 更新Trae到最新版本

確保您的Trae是最新版本，因為MCP功能是在較新版本中添加的：

1. 打開Trae，點擊左下角的設置圖標
2. 選擇"檢查更新"
3. 如有更新，按提示完成升級

3.2 進入MCP配置頁面

1. 點擊左下角的設置圖標
2. 在設置菜單中選擇"MCP"選項

3.3 瀏覽MCP市場

進入MCP配置頁面後，您可以看到MCP服務器管理界面：

1. 點擊"添加"按鈕，進入MCP市場
2. 在市場中瀏覽各種可用的MCP服務

目前trae的MCP市場提供了上百種服務，涵蓋網頁自動化、數據處理、代碼生成等多個領域。

3.4 添加MCP服務

方式一、MCP市場直接添加

以添加Puppeteer（一個網頁自動化工具）為例：

1. 在MCP市場中找到Puppeteer服務
2. 點擊服務名稱查看詳細信息
3. 點擊"+"按鈕添加該服務

點擊確定即可添加。對於大多數服務，Trae會自動完成配置，無需手動干預。

成功添加後，會顯示"已添加"提示。

方式二、手動配置MCP服務

對於一些需要特定配置的MCP服務（如需要API密鑰的服務），您需要進行手動配置：

1. 在MCP市場中找到需要配置的服務
2. 點擊"+"按鈕，選擇"手動配置"

3.在配置窗口中填入必要信息，如API密鑰、服務地址等

4.點擊"確認"完成配置 這裡需要說明的是，如果trae的MCP市場自帶的serever不能滿足你的需求，可以到第三方市場獲取MCP服務 json 參數，獲取代碼字段複製進去即可。

比如AIbase這裡需要fetch抓取網頁這個服務，就可以到魔塔的MCP廣場獲取json字段。

接著把字段參數複製進去確認即可添加成功。

3.5 MCP服務狀態確認

添加完成後，回到MCP服務器列表，確認服務狀態為"可使用"：

此時，添加的MCP服務已成功添加到Trae的內置智能體中，可以在對話中使用。

同樣的方法，AIbase在這裡配置了多個MCP服務，包括音頻生成“minmax”、圖片生成“fal-ai-iamge”等，接下去我們繼續來了解如何在trae使用MCP服務。

四、使用MCP服務

4.1 選擇智能體

配置完MCP服務之後，需要開啟智能體才能調用這些服務。

在Trae的對話面板中，您可以選擇帶有MCP功能的智能體：

1. 打開Trae的AI面板，從下拉菜單中選擇"Builder with MCP"智能體，選擇後，您可以看到當前可用的MCP工具列表。

2.也可從下拉菜單中選擇選擇“創建智能體”，

在創建智能體頁面，填寫名稱、指令詞，選中需要調用的MCP工具。這樣，智能體就能夠根據您的指令自動選擇並調用適當的MCP工具。

2.選中需要用到的MCP服務

4.3 實例演示

AIbase在這裡演示下創建智能體調用網頁抓取和音頻生成的MCP服務的示例

1. 創建一個音頻助手智能體，在對話框中輸入智能體提示詞，並勾選需要用到的網頁抓取fetch和音頻生minimax的MCP服務。

“將URL內容總結成100個字的文案，再將文本轉化為音頻”

2.接下去，只要在trae聊天窗口選擇@音頻助手這個智能體，丟進一個url頁面，智能體就能自動調用fetch、minimax這兩個服務。先後對頁面內容進行總結，再生成音頻。

比如AIbase丟入“https://www.chinaz.com/ainews/17477.shtml”這個鏈接，智能體自動100字總結：

“納米AI發佈MCP萬能工具箱，預置100+服務和18個API密鑰，支持多模態生成和深度搜索，簡化MCP配置流程。該工具適用於內容創作、企業自動化和教育等領域，目前處於內測階段。”

最後100字文案自動生成音頻，效果如下：

t2a_納米AI發佈MCP萬_20250424_145044.mp3

4.5 高級：添加Figma MCP服務

Figma MCP服務可以幫助開發者從設計稿快速轉換為代碼：

1. 在MCP市場找到Figma AI Bridge
2. 點擊添加並選擇"輕鬆配置"
3. 在Figma個人主頁生成個人訪問Token(根據頁面提示的指引操作就能獲取)
4. 將Token粘貼到配置界面，點擊確認

配置完成後，您可以通過以下步驟使用：

1. 選擇"Builder with MCP"智能體
2. 輸入如"從我的Figma設計稿生成前端代碼"的指令
3. 智能體會獲取Figma設計信息並生成對應代碼

五、MCP的常見問題與解決方案

5.1 MCP服務無法連接

問題描述：添加MCP服務後，狀態顯示為"離線"或"無法連接"。

解決方案：

1. 檢查網絡連接是否正常
2. 確認MCP服務配置是否正確
3. 嘗試重啟Trae應用
4. 檢查防火牆設置，確保不阻止MCP服務通信

5.2 MCP服務調用失敗

問題描述：使用MCP服務時報錯或無響應。

解決方案：

1. 檢查是否啟用了"自動工具調用"
2. 確認使用的指令是否明確、具體
3. 嘗試選擇其他AI模型（如DeepSeek-v3）
4. 對於複雜任務，嘗試將其分解為多個簡單步驟

5.3 MCP服務需要更新

問題描述：MCP服務版本過舊，功能受限。

解決方案：

1. 在MCP服務列表中找到需要更新的服務
2. 點擊服務右側的"更新"按鈕
3. 按照提示完成更新流程

六、總結與展望

6.1 當前MCP的限制

雖然MCP功能強大，但目前還存在一些限制：

1. 可用的MCP服務數量有限（目前trae上面自帶的約一百多個）
2. 不同AI模型對MCP的支持程度不同
3. 複雜任務的執行成功率還有待提高
4. 某些特定領域的MCP服務尚未開發

6.2 MCP的未來發展

MCP作為AI與外部世界交互的標準協議，未來發展前景廣闊：

1. 更多第三方開發者將加入MCP生態
2. 服務種類和質量將持續提升
3. AI模型對MCP的理解和使用能力將增強
4. 用戶自定義MCP服務將更加便捷

6.3 最佳實踐建議

要充分發揮MCP的潛力，建議：

1. 保持Trae更新到最新版本
2. 嘗試不同AI模型找到最適合特定任務的選擇
3. 對複雜任務，採用分步驟指導的方式
4. 定期瀏覽MCP市場，瞭解新增服務
5. 參與社區討論，分享使用經驗和技巧

參考資源

1. Trae官方文檔
2. MCP協議規範
3. Figma API文檔

MCP客戶端入門使用教程系列

《適合小白的MCP入門指南，看完這篇0基礎學會使用MCP服務》

《MCP客戶端入門使用教程之Cherry Studio安裝配置》

《MCP客戶端入門使用教程之ChatWise安裝配置》

《MCP客戶端入門使用教程之Cursor安裝配置》

《MCP客戶端入門使用教程之trae安裝配置》

《MCP客戶端入門使用教程之Claude安裝配置》