本系列文章:
MCP第2章:应用案例合集(cline+cherry studio+n8n+dify)
MCP第3章:开发案例合集(typescript-sdk + python-sdk)
MCP第5章:通过inspector调试mcp server
MCP第6章:通过cloudflare对MCP调用过程抓包分析
MCP第7章:常用mcp client工具(trae+cline+cherrystudio)
1. 概述
除了自己开发外,还有很多工具已经集成了 mcp client,能很方便的调用 mcp server 来扩展大模型的功能。
我体验过的常用的 mcp client 有:
| 名称 | 特点和用途 | 个人体验 |
|---|---|---|
| Cline | 专注于代码生成与解释,支持多语言开发,集成主流 IDE,适合快速补全代码、解析逻辑,提升开发效率。 | 好用,在 mcp 使用上非常赞,如果写代码上,还是不如通用灵码等专业助手。在 vscode,cursor 中都可以通过插件方式安装。 |
| Cherry Studio | 侧重文档生成与内容创作,具备强大的文本处理能力,支持格式转换,适用于报告撰写、文案生成等场景。 | 好用,在对话时候随时可以指定使用的 mcp server。文案生成上优秀,因为不是编辑器,写代码肯定不如其他的工具好。 |
| Cursor | 基于 VS Code 开发的 AI 代码编辑器,深度集成大模型功能,支持实时代码建议、重构和解释,专为开发者设计。 | 免费几个月后就需要收费,免费版本不能配置自定义接入的模型,只能使用内置收费的模型。对于免费用户来说体验差。 |
| Trae | 跨平台 AI 助手,支持多模态交互(文本、语音),可连接本地知识库,适用于日常办公、信息查询等场景。 | 好用,免费,好比 cursor 的免费版本 |
2. cline
2.1. cline 介绍
在开发者社区,Cline 被誉为“程序员的副驾驶”。它不仅能写代码,还能帮你测试和部署,省去大量重复劳动。
Cline 的核心优势在于它的任务分解能力。你给它一个复杂需求,比如“写个电商网站后台”,它会自动拆成小步骤,逐一搞定代码、数据库和 API 调用。MCP 的加持让它能控
制浏览器、编辑文件甚至运行终端命令,像个真正的助手。最骚的是,它还能通过 MCP 调用外部工具,比如从服务器拉取模板,或者直接推送代码到 GitHub。界面简洁,命令行风格,上手后效率爆表。
2.2. 安装 cline 插件
在 vscode 插件市场搜索后安装
2.3. 采用 OpenRouter
点击齿轮⚙进行配置:
- 点击后展示配置页面
- 选择为 OpenRouter
- 需要去 OpenRouter 官网 获取 OpenRouter 的 key
- 选择后缀带 free 的就是免费的模型
2.4. 采用阿里百炼
点击齿轮⚙进行配置:
- 点击后展示配置页面
- 需要申请阿里百炼中的 apikey 进行填写
2.5. 采用cloudflare
点击齿轮⚙进行配置:
- 点击后展示配置页面
- 填写为 OpenAI Compatible
- 填写 cloudflare 的 baseURL(如果采用硅基流动,则填api.siliconflow.cn/v1)
- 选择后缀带 free 的就是免费的模型
2.6. 添加 mcp server
2.6.1. 添加 filesystem mcp server
在 cline 的 mcp server 市场中添加 mcp server
2.7. 功能测试
查看我电脑Documents下有哪些文件?
3. Cherry Studio
3.1. Cherry Studio 介绍
Cherry Studio是一款集多模型对话、知识库管理、AI 绘画、翻译等功能于一体的全能 AI 助手平台。支持Windows,Linux 和 Mac。
同时,CherryStudio提供了一个简洁便于操作的可视化页面,通过简单的配置即可开启MCP服务。非常适合大众用户用于构建“低代码智能流程”。
3.2. 安装Cherry Studio
CherryStudio的下载地址:cherry-ai.com/
3.3. 配置大模型
3.4. 添加 mcpserver
需要一个个添加
{
"mcpServers": {
"fs": {
"autoApprove": [],
"disabled": false,
"timeout": 60,
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-filesystem",
"d:/project/AI/MCP/MCP_TEST"
]
}
}
}
{
"mcpServers": {
"mysql": {
"disabled": false,
"timeout": 60,
"type": "stdio",
"command": "uvx",
"args": [
"--from",
"mysql-mcp-server",
"mysql_mcp_server"
],
"env": {
"MYSQL_HOST": "localhost",
"MYSQL_PORT": "3306",
"MYSQL_USER": "root",
"MYSQL_PASSWORD": "zhirui@888",
"MYSQL_DATABASE": "being_trip"
},
"autoApprove": [
"execute_sql"
]
}
}
}
{
"mcpServers": {
"amap-maps": {
"command": "npx",
"args": [
"-y",
"@amap/amap-maps-mcp-server"
],
"env": {
"AMAP_MAPS_API_KEY": "b314e24b7e72685bb5d23b6c544751ca"
}
}
}
}
添加成功
3.5. 功能测试
按住 ctrl 键,勾选上 mcp 服务
在输入框输入如下提示词:
现在交给你一个任务,编写一个北京一日游的出行攻略
1、在工作目录D:\project\AI\MCP\MCP_TEST下创建一个新的文件夹,命名为“北京旅行2”
2、从高德地图的MCP服务中获取北京站到天安门、天安门到颐和园、颐和园到南锣鼓巷的地铁线路,并保存在“北京旅行”目录下的"地铁路线.txt"文件中
3、从高德地图的MCP中获取颐和园、南锣鼓巷附件的美食信息,每处获取三家美食店铺信息,并保存在“北京旅行”目录下的"周边美食.txt"文件中
4、最后根据txt中的内容,生成一个精美的html前端展示页面,并存放在该目录下
效果:
预览的效果
且发现相关目录下文件已经创建
4. trae
4.1. 安装 trae
4.2. 添加 mcp server
- 点击⚙打开设置面板,选择 mcp tab 页面
- 点击【添加】可以选择从市场添加或者手动添加,添加方式和 cline 一样
4.3. 创建智能体
配置智能体
- mcp_agent
- 你是一个热心的助手,擅长使用自定义的mcp工具完成任务
4.4. 在对话中使用
选择智能体
4.4.1. 案例 1
打开浏览器查询阿里巴巴股价
效果:
并没有打开浏览器,且指定的工具并不是手动添加的 mcp server 中的工具,应该是优先用了 trae 中自定义的工具。
4.4.2. 案例 2
使用工具搜索一只小狗的图片
效果:
- 图片没能直接展示,需要点击链接才能看。
4.4.3. 案例 3
抓取 @ juejin.cn/column/7535… 中的文章数据,并整理成markdown格式,写入到@/test.md 中