这是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安装配置》