MCP第7章:常用mcp client工具(trae+cline+cherrystudio)

965 阅读5分钟

本系列文章:

MCP第1章:MCP基础理论(从基本概念到通信原理)

MCP第2章:应用案例合集(cline+cherry studio+n8n+dify)

MCP第3章:开发案例合集(typescript-sdk + python-sdk)

MCP第4章:常用mcp servers和使用案例

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

点击齿轮⚙进行配置:

  1. 点击后展示配置页面
  2. 选择为 OpenRouter
  3. 需要去 OpenRouter 官网 获取 OpenRouter 的 key
  4. 选择后缀带 free 的就是免费的模型

2.4. 采用阿里百炼

点击齿轮⚙进行配置:

  1. 点击后展示配置页面
  2. 需要申请阿里百炼中的 apikey 进行填写

2.5. 采用cloudflare

点击齿轮⚙进行配置:

  1. 点击后展示配置页面
  2. 填写为 OpenAI Compatible
  3. 填写 cloudflare 的 baseURL(如果采用硅基流动,则填api.siliconflow.cn/v1
  4. 选择后缀带 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

www.trae.cn/solo

4.2. 添加 mcp server

  1. 点击⚙打开设置面板,选择 mcp tab 页面
  2. 点击【添加】可以选择从市场添加或者手动添加,添加方式和 cline 一样

4.3. 创建智能体

配置智能体

  1. mcp_agent
  2. 你是一个热心的助手,擅长使用自定义的mcp工具完成任务

4.4. 在对话中使用

选择智能体

4.4.1. 案例 1

打开浏览器查询阿里巴巴股价

效果:

并没有打开浏览器,且指定的工具并不是手动添加的 mcp server 中的工具,应该是优先用了 trae 中自定义的工具。

4.4.2. 案例 2

使用工具搜索一只小狗的图片

效果:

  1. 图片没能直接展示,需要点击链接才能看。

4.4.3. 案例 3

抓取 @ juejin.cn/column/7535… 中的文章数据,并整理成markdown格式,写入到@/test.md 中

5. 后续案例更新中...