您好,我是程序员夏叶,深度AI编程使用者,专注于分享AI编程方面的使用技巧和经验,有兴趣的可以关注我的公众号,一起学习,共同进步。
从21号开始,Trae开始陆陆续续的灰度推送了一次新版本,有的用户是21号收到的更新,有的用户是22号收到的更新,本次更新我愿称之为王炸级更新,具体更新内容可以去看我的上一篇文章。
Trae的史诗炸裂级更新,支持智能体、规则、MCP服务,感觉收费已经在路上了
本次更新其中的一个内容就是支持了MCP 服务,那么什么是MCP呢,它的全称是通过模型上下文协议(Model Context Protocol,MCP),MCP是它的简称,它是一套提供给大模型使用的,拥有规定格式的通用标准接口,你可以按照http协议去理解,它们都是一套设定好规则的通用范式,只是功能不一样,http协议给使用者和http服务端使用,而MCP是给大模型和MCP服务使用的,在延伸一下,它们都是客户端和服务端之间通信的桥梁。
而Trae中智能体其实就是这其中MCP Client的角色,它可以向MCP Server发起请求,以便使用MCP Server提供的功能,接下来我讲一下Trae中使用MCP服务的详细教程。
一、支持的传输类型
在Trae中,MCP Server支持两种传输类型,分别是stdio 传输、SSE 传输,这两者区别如下:
- stdio传输主要用于本地进程与AI模型的交互,它基于操作系统进程间通信的机制,主要应用于本地环境。
- SSE传输主要用于远程通信,它是一种基于HTTP的服务器推送技术,允许服务器通过长连接主动向客户端发送数据流。
对于这两种传输类型,我们了解一下就好了,不是开发一个MCP Server,无需太过深入,整个配置过程中,对于传输类型都是无感的。
二、必要环境准备
依据Trae官网的说法,要在Trae中使用MCP,需要安装以下两个依赖:
- npx:依赖于 Node.js,版本需大于等于 18。
- uvx:基于 Python 的快速执行工具,需手动安装。
对于npx,无需额外安装,他是依赖Node.js的,Node.js安装好以后,npx也就自动有了,所以只需安装版本大于等于18的Node.js即可,Node.js官网网址如下: https://nodejs.org/en 浏览器打开直接下载安装即可,这里不多说。
对于uvx,它是由 Astral 团队开发的 uv 工具链中的一个核心命令,用于快速运行python脚本,需要额外进行安装,安装步骤如下:
- 安装python,需要安装python3.8或者以上版本,python官网网址如下: https://www.python.org/downloads/ 具体怎么安装python,网上教程很多,这里不多说了。
- 接下来就是安装uvx了,uvx是属于uv的一个命令,所以实际上是安装uv,windows中安装uv命令
powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/install.ps1 | iex",在PowerShell中执行该命令,结果如下:这里有一点需要注意,从截图可以看出nvx命令只是安装在用户目录下的
.local\bin目录了,还需要手动添加到环境变量中,才能直接使用nvx命令。 - 根据截图提示在cmd或者PowerShell中执行命令把路径加入到环境变量,接着使用PowerShell,如下:
从截图可以看出uvx命令已经可以正常使用了。
其实这两个可以不用全部安装,不是必须的,先往后看,确认好你需要的MCP Server使用的命令,再回来安装也可以的。
三、配置MCP Server
Trae中配置MCP Server支持两种方式,一是从Trae提供的MCP市场直接添加,二是手动配置,下面说说两种方式分别怎么使用。
方式一:从市场添加MCP Server
这里我以市场中的Filesystem为例来说明怎么配置一个MCP Server,步骤如下:
- 在Trae AI对话窗口右上角,点击设置图标->MCP,会打开MCP窗口。
- 点击
添加MCP Servers按钮,会打开MCP Server市场,里面有很多Trae内置的MCP Server,单击MCP Server名称,会打开预览界面,可以查看该MCP Server的功能介绍和json配置,这里我们下拉找到Filesystem这个Server,看到的预览界面如下:实际它是打开了这个github项目的readme界面,里面有Filesystem的功能介绍和使用方式,往下拉可以看到里面有分别用于Claude Desktop和vscode的json配置,千万不要以为trae是基于vscode,就是使用vscode的json配置,并不是这样,对于Trae使用的json配置,有两点需要注意:
- Trae用的是带有
mcpServers项的JSON配置,对于Filesystem来讲,就是这里的Claude Desktop用的配置。 - 调用该MCP Server,会使用不同的命令,要认准之前安装的npx或者uvx的配置,使用其中之一即可。
- 根据上述说明,找到Trae需要的JSON配置,点击右侧+按钮,把对应的JSON配置加入到输入框中,这里有一点需要注意,JSON配置中如下两行是举的例子:
"/Users/username/Desktop",
"/path/to/other/allowed/dir"
我们要替换为真实的允许Trae AI操作的路径,如下:然后点击确认按钮,Trae会弹框告诉你,这个MCP Server已经自动加入到
Build With MCP这个Trae内置的智能体了,后续使用MCP Server都是通过这个内置智能体完成的,当然你也可以加入到自定义的智能体,但是这里就不展开说明了。
弹框中点击我知道了,出现如下界面:看到这里出现绿色的√,就说明这个MCP Server配置成功了。
接下来验证一下,如下:我首先问build,它调用PowerShell创建了一个目录,然后问Build With MCP,它调用了MCP Server里面的API来创建了目录,也就是说这个MCP Server已经可以成功的使用了。
当然因为Build智能体内置了文件系统操作功能,所以在Trae中可能用不到filesystem这个MCP服务,我这里只是举了个例子来说明。
方式二:手动配置MCP Server
当市场中没有我们需要的MCP Server或者我们想使用自己开发的MCP Server时,就需要手动配置了,步骤如下:
- 还是一样打开MCP Server市场,点击手动配置,如下:
- 点击手动配置后,弹出一个JSON配置输入框,接下来其实步骤跟从市场配置是一样的,你只要找到需要的MCP Server的JSON配置复制到手动配置输入框,点击确认就可以了,下面我以百度地图MCP服务为例来进行说明。
- 打开MCP服务聚合网站
https://mcp.so/,找到Biadu Map,如下:点击
Baidu Map,进去会看到怎么使用这个MCP Serer的详细说明,按照这个说明,首先需要到百度地图开放平台申请一个服务端AK,怎么申请就不多说啦,网上很多教程,把申请到的服务端AK复制并保存。 - 接下来回到Baidu Map,复制下面截图中的JSON配置到Trae的手动配置输入框:
注意要使用刚刚申请到的服务端AK替换配置中的BAIDU_MAP_API_KEY项,然后点击确认,看到跟之前一样在MCP server列表里面Baidu Map显示为绿色的
√可使用就可以了 - 然后有一个很尴尬的问题,你如果直接让Trae使用Baidu Map这个来给你规划路线什么的,它是直接拒绝的,如下:
应该是Trae对所有智能体做了限制,只限于AI编程这个范畴,超出这个问题,它会直接罢工。
- 没关系,我们换一个思路,把它跟编程扯上关系就行了,比如我这里新建一个智能体叫百度地图,然后把Baidu Map加入到这个智能体中,给它一份提示词,如下:
最终它帮我找出了3个深圳的热门景点和相关路线,如下:
生成的html效果大概如下所示:
不得不说智能体+MCP真的很强大,但是到底要怎么样更好的切入到自己的项目中,还需要慢慢探索了。
整个配置过程中,我认为有两点是需要特别注意的:
- 找准Trae需要的有
mcpServers项的JSON配置。 - 看准JSON配置中用到的命令,比如npx还是uvx,看看你是否有正确的安装。
好了,今天就说到这里了,如果对你有所启发,欢迎一键三连。
有关trae的一些其他使用技巧,欢迎关注公众号后,在菜单栏获取,或者直接通过发消息的方式给公众号,如果有相应的答案,AI会给你回复。
