【AI】Trae的MCP配置及使用测试
前言
Trae增加了MCP新功能,看起来很先进,探索一把。。。
MCP介绍
MCP(Model Context Protocol)是由Anthropic推出的标准化协议,旨在为AI模型提供统一的外部工具和数据访问接口,其核心功能包括:
-
模型管理与控制
在Trae IDE中,MCP作为模型控制面板,允许用户集中管理AI模型,包括调整模型参数、切换模型版本等,增强用户对AI行为的控制。 -
工具与数据集成
MCP协议通过标准化接口连接外部工具(如API、数据库)和数据源(如地图服务、金融数据)。例如,高德地图的路线规划、POI检索等功能可通过MCP协议快速集成。开发者只需在Trae IDE的MCP市场中添加预配置的服务,即可直接调用。 -
动态功能扩展
MCP支持三大核心功能:- 工具(Tools) :调用外部服务(如支付API、3D建模工具Blender)
- 资源(Resources) :访问结构化/非结构化数据(如日志、营销报表)
- 提示(Prompts) :预定义工作流模板,简化重复任务
MCP让大语言模型可以访问自定义工具和服务。MCP Servers 是支持该协议的服务,提供工具和功能来扩展智能体的能力。添加后,智能体会自动调用合适的工具完成任务。
反正吧,就是让大语言模型不仅能说话,还能干具体的活儿了,很厉害的样子。
Trae使用MCP的步骤
安装Trae
需要可以参考之前的文档:
【Ai工具】trae和传统编程环境vs+代码助手的PK,结果大捷_trae与codebuddy比较-CSDN博客
更新到最新版本
MCP是后来增强的功能,老版本没有,可以检查更新:
添加设置MCP
更新后,点击“设置”-“MCP”
进入如下界面,添加MCP server:
进入MCP市场,可以查找需要的,略略估算了一下,目前大概一百多个,不到二百:
以第一个puppeteer为例(附录里放了puppeteer的介绍),可以查看介绍,点击“+”添加:
点击后, Trae就直接添加上了,不用任何人工干预:
确定后,给出已添加提示:
关闭窗口,看到“可使用”状态:
并且,已经添加到内置智能体中:
测试一下:
对话框中,选择“Builder with MCP”,可以看到已有的工具列表:
输入一个提示词:
打开浏览器,进入百度主页,搜索:Puppeteer功能全面介绍
执行结果看,它使用了Puppeteer工具:
需要点击“运行”按钮,这里让它直接调用MCP工具,设置上:
运行的结果:
成功但奇怪:结果分析
是不是感觉执行界面有点怪,通过任务管理器,我查了一下这个打开的浏览器,原来是puppeteer自带的:
再测试复杂点的:失败
提一个难一点的要求,结果它提示建议编写自动化脚本,然后。。。就没有然后了。。。。
再再测试一下:失望了
相同的提示词,我又问了一遍,这次给出的解决方案是:创建一个JavaScript文件编写Puppeteer自动化脚本实现浏览器操作搜索功能。
这种方式也实现了,然后我就进一步提要求:
进一步查看搜索到的网页内容,进行总结,并以markdown的当时输出
就生成了不能直接运行的代码,如果需要人工调试,我还用它吗。。。
再再再测试一下:还是有更靠谱的
我换了语言模型,用DeepSeek-v3
打开浏览器,进入百度主页,搜索:Puppeteer功能全面介绍,查看搜索结果,并总结
执行的效果让本来都失望的我,又有了希望:
执行情况还是不错,一步一步的操作,然后也总结出来了,不过,它打开查看的网页只有这一个:
它总结出来的内容是这样的:
再再再再测试一下:换R1
一模一样的问题,结果卡死了,然后我又重新试 一遍,这次给了结果,装了包,然后创建运行程序,只见它打开浏览器,搜索,之后就是一个页面一个页面的打开,起码有十几个页面,有的页面打开直接提示异常,比如知乎的,其他页面打开,没有滚动,我以为它是“心读”,但看最后的返回结果,我觉得它是“没读”。。。。。。
总结
Trae支持了MCP,但MCP server没有太多,不同语言模型支持程度也不同,总体来说:
还有很长一段路要走。。。。。。
附录
Puppeteer介绍
Puppeteer 是什么?
Puppeteer 是由 Google Chrome 团队开发的 Node.js 库,用于通过 DevTools 协议控制 无头(Headless)浏览器(如 Chrome 或 Chromium)。它能够模拟用户操作(点击、输入、滚动等),实现网页自动化测试、截图、PDF 生成、爬虫等复杂任务。
核心功能
- 网页自动化
- 模拟用户交互(点击、输入、表单提交等)。
- 执行 JavaScript 代码。
- 测试前端功能(如单页应用)。
- 网页截图与 PDF 生成
- 生成页面截图(支持全屏或指定区域)。
- 导出网页为 PDF 文件。
- 网络请求与响应拦截
- 监控和修改网络请求(如拦截广告资源)。
- 爬取动态内容
- 抓取通过 JavaScript 动态渲染的网页数据。
- 性能分析
- 测量页面加载时间、内存使用等性能指标。