和15岁女儿做很舒服网站seo技术优化
前言
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 动态渲染的网页数据。
- 性能分析
- 测量页面加载时间、内存使用等性能指标。