编者概述： MCP 客户端系列第四篇介绍 Trae IDE——字节跳动推出的 AI 驱动代码编辑器。文章先讲解 MCP 能为开发者带来什么（工具调用、资源访问和提示词模板），随后逐步演示在 Windows 或 macOS 上下载并安装 Trae、登录账号，以及配置 MCP 服务器：既可以通过内置 MCP 市场完成，也可以为 Figma 等服务手动编辑 JSON 配置。教程最后介绍了日常使用场景和最佳实践建议，编者按则提示 Trae 此后已转为订阅制收费，但 MCP 配置流程依然有效。本文适合想要一款中文支持出色的 AI IDE 的开发者。要点：优先使用内置 MCP 市场一键完成配置，只有当所需服务器未被收录时，才回退到手动编辑 JSON。跟随操作时可随手查阅的官方页面：Trae 官网、MCP 规范、Anthropic Cookbook MCP 指南。

编者按（2026年 10月）： 自 2026年 2月起，Trae 转为订阅制（从 Lite 到 Ultra，每月约 3–100 美元，并提供有限的免费额度），其内置模型阵容也已更新至本文所述之后的世代。下文的 MCP 配置流程仍然有效。

本文是 MCP 客户端入门教程系列的第四篇：《MCP 客户端入门教程——Trae 的安装与配置》。

Getting Started with the MCP Client: Tutorial on Installing and Configuring Trae

本教程介绍如何安装 Trae IDE 并配置 MCP 服务，帮助你快速掌握 Trae 与 MCP 的组合使用，提升 AI 编程效率。

1. 什么是 MCP 和 Trae

1.1 MCP 简介

MCP（Model Context Protocol）是 Anthropic 推出的开放标准协议，旨在为大语言模型（LLM）与外部数据源和工具的交互提供标准化接口。MCP 的核心功能包括：

  • 工具调用（Tools）：允许 AI 模型调用外部服务和 API
  • 资源访问（Resources）：提供访问结构化与非结构化数据的能力
  • 提示词模板（Prompts）：预先定义工作流，简化重复性任务

借助 MCP，AI 模型不再局限于训练数据，而是可以实时获取最新信息、调用各种工具与服务，完成更复杂的任务。

1.2 Trae 简介

Trae（读音：/treɪ/）是字节跳动推出的 AI 驱动集成开发环境（IDE）。它与 Cursor 类似，是一款对中文支持出色的编程工具，与 AI 深度集成，提供智能问答、代码自动补全和 AI 自动编程等能力。Trae 支持 Windows 和 macOS；自 2026年 2月起转为订阅制（每月约 3–100 美元，并提供有限的免费额度），内置了当前世代的模型阵容。

最新版 Trae 已支持 MCP 功能。通过内置的 MCP 市场，你可以快速添加并配置各类 MCP 服务，大幅增强 IDE 的功能与灵活性。

2. Trae 的安装步骤

2.1 下载 Trae

  1. 访问 Trae 官网：https://www.trae.ai/
  2. 官网会自动检测你的操作系统，并显示相应的下载按钮

如需手动选择，可以点击查看全部下载选项，挑选适合你操作系统的版本。

2.2 安装 Trae

下载完成后，双击安装包并按提示安装：

  1. 接受许可协议
  2. 选择安装位置（默认为 C 盘的程序文件夹）
  3. 可选择是否创建桌面快捷方式
  4. 点击“安装”开始安装过程

2.3 初始配置

安装完成后启动 Trae。首次启动时会进入初始配置页面：

  1. 点击“开始”按钮进入初始配置流程

2. 选择主题：可选深色（Dark）、浅色（Light）和深蓝（Deep Blue），按个人喜好选择即可。

3. 选择显示语言：可选简体中文和英文，选择你习惯的语言即可。

4. 点击“继续”按钮，完成主题和语言的选择

2.4 导入配置（可选）

如果你之前使用过 VS Code 或 Cursor，可以选择导入已有配置：

  1. 点击“从 VS Code 导入”或“从 Cursor 导入”按钮
  2. 系统会自动从对应 IDE 获取插件、设置和快捷键等信息

2.5 登录账号

要使用 Trae 的 AI 功能，需要登录账号：

  1. 使用手机号登录 Trae
  2. 完成验证流程
  3. 登录成功后即可使用 Trae 的 AI 服务

3. 在 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 市场内置服务器无法满足需求，可以从第三方市场获取 MCP 服务的 JSON 参数，复制 code 字段并粘贴进来。

例如，AIbase 需要抓取网页的服务时，就可以从魔搭的 MCP 广场获取 JSON 字段。

然后复制粘贴字段参数，点击“确认”即可成功添加服务。

3.5 确认 MCP 服务状态

添加完成后，回到 MCP 服务器列表，确认服务状态为“可用”：

此时，添加的 MCP 服务已成功加入 Trae 内置的智能体中，可以在对话里使用了。

同样地，AIbase 在这里配置了多个 MCP 服务，包括音频生成“minmax”、图片生成“fal-ai-image”等。接下来，我们继续学习如何在 Trae 中使用 MCP 服务。

4. 使用 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 字：

“Nano AI 发布了 MCP 万能工具箱，预装 100 多个服务和 18 个 API 密钥，支持多模态生成和深度搜索，简化了 MCP 配置流程。该工具适合内容创作、企业自动化、教育等场景，目前处于内测阶段。”

最后，100 字文案被自动生成为音频。效果如下：

t2a_Nano AI released MCP all - purpose_20250424_145044.mp3

4.5 进阶：添加 Figma MCP 服务

Figma MCP 服务可以帮助开发者快速将设计稿转换为代码：

  1. 在 MCP 市场中找到 Figma AI Bridge
  2. 点击“添加”并选择“简易配置”
  3. 在 Figma 个人主页生成个人访问令牌（可按页面说明获取）
  4. 将令牌粘贴到配置界面并点击“确认”

配置完成后，可通过以下步骤使用：

  1. 选择“Builder with MCP”智能体
  2. 输入指令，例如“根据我的 Figma 设计稿生成前端代码”
  3. 智能体会获取 Figma 设计信息并生成相应的代码

5. 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. 总结与展望

6.1 MCP 当前的局限

尽管 MCP 非常强大，但目前仍存在一些局限：

  1. 可用的 MCP 服务数量有限（目前 Trae 内置约一百个服务）
  2. 不同 AI 模型对 MCP 的支持程度不一
  3. 执行复杂任务的成功率仍有待提升
  4. 部分特定领域的 MCP 服务尚未开发

6.2 MCP 的未来发展

作为 AI 与外部世界交互的标准协议，MCP 未来发展前景广阔：

  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 新手入门指南：读完本文即可从零学会使用 MCP 服务》

《MCP 客户端入门教程——Cherry Studio 的安装与配置》

《MCP 客户端入门教程——ChatWise 的安装与配置》

《MCP 客户端入门教程——Cursor 的安装与配置》

《MCP 客户端入门教程——Trae 的安装与配置》

《MCP 客户端入门教程——Claude 的安装与配置》