当前位置: 首页 > news >正文

【MCP】第二篇:IDE革命——用MCP构建下一代智能工具链

【MCP】第二篇:IDE革命——用MCP构建下一代智能工具链

  • 一、引言
  • 二、IDE集成MCP
    • 2.1 VSCode
      • 2.1.1 安装VSCode
      • 2.1.2 安装Cline
      • 2.1.3 配置Cline
      • 2.1.4 环境准备
      • 2.1.5 安装MCP服务器
        • 2.1.5.1 自动安装
        • 2.1.5.2 手动安装
    • 2.2 Trae CN
      • 2.2.1 安装Trae CN
      • 2.2.2 Cline使用
      • 2.2.3 内置MCP客户端
    • 2.3 Cursor
      • 2.3.1 安装Cursor
      • 2.3.2 Cline使用
      • 2.2.3 内置MCP客户端
  • 三、MCP热门市场
  • 四、总结

一、引言

在上一篇《【MCP】第一篇:MCP协议深度解析——大模型时代的"神经连接层"架构揭秘》中,我们揭示了 MCP 如何像 “万能插座” 般打通 AI 与工具间的数据孤岛。而要让这一协议真正落地,MCP Cline客户端是开发者手中的 “连接器钥匙” ——无需商业授权、无需复杂配置,这个开源免费的轻量级工具,将让 IDE 瞬间获得 “AI调用万物” 的超能力。

  • 为什么选择 Cline?开源生态的三大底气:
    • 零成本自由: MIT 协议开源,个人/企业均可免费用作商业场景(GitHub Star趋势)
    • 协议级兼容: 100%覆盖 MCP 1.2 标准(ReAct/FunctionCall双引擎+动态路由)
    • 透明可信赖: 代码审计可溯源,拒绝黑盒风险(支持TLS双向认证+硬件级密钥托管)

二、IDE集成MCP

三大主流IDE(Trae CN、VSCode、Cursor)集成MCP的实战方案

2.1 VSCode

2.1.1 安装VSCode

如果你已安装 VSCode 编辑器,跳到下一步;如果没有安装,参考这篇文章

2.1.2 安装Cline

  1. 点击 VSCode 左边侧边栏的扩展,如下图中的 ①
  2. 在扩展搜索栏中输入 cline,如下图中的 ②
  3. 选择 Cline Chinese,并点击右下角的安装,如下图中的 ③
    注: 下图中的第一个Cline是官方提供的扩展,但是英文版本的,Cline Chinese是官方Cline的汉化版,英文不好的同学,建议下载 Cline Chinese(博主英文也不是很好😂)
    在这里插入图片描述

2.1.3 配置Cline

安装完Cline后,会在左边的侧边栏多出一个机器人的图标(如下图中的 ①),这个就是Cline的入口
4. 点击Cline图标,进入到Cline的首页
5. 点击设置按钮(如下图中的 ②),进行大模型API提供商的配置;通过配置可以看到,基本上主流的提供商(OpenAI、DeepSeek、Gemini等)都是支持的,大家可以根据自己的偏好选择;
在这里插入图片描述
博主偏好的是使用硅基流动的API,配置如下:
注: 填写好相关配置后,记得点击右上角的完成进行保存
在这里插入图片描述

2.1.4 环境准备

MCP服务器本质是运行在本地的 python 或 nodejs 脚本,所以我们需要安装 python 和 nodejs 的环境

  • 安装python
    参考这篇文章

  • 安装nodejs
    参考这篇文章

2.1.5 安装MCP服务器

点击Cline上方的第二个图标(如下图),会进入到MCP服务器安装界面
Cline提供了两种MCP服务器的安装方式:自动安装、手动安装
在这里插入图片描述

2.1.5.1 自动安装

自动安装MCP服务器:其实是让AI帮你安装,是一个 ReAct 模式流程,下面将以安装Time这个MCP服务器为例

  1. 点击安装
    在这里插入图片描述
  2. AI会生成相关操作步骤,并且需要执行命令,我们点击Run Command运行命令
    在这里插入图片描述
  3. 上一步命令完成后(博主这里因为文件已经存在所以报错,但不会影响后续步骤),AI继续会生成下一步的相关操作,并且需要执行命令,我们继续点击Run Command运行命令
    在这里插入图片描述
  4. 我们跟着AI一步一步操作执行,最终来到编写cline_mcp_settings.json文件,AI帮我们生成文件内容如下图一
    在这里插入图片描述
    我们去已安装目录下查看,发现Time这个MCP服务器是报错的,因为AI帮我们生成的内容是符合linux环境的,但我们使用的Windows环境,所以我们需要对这件进行稍微的修改
    在这里插入图片描述
    修改后的内容如下图
    此时再去已安装目录下查看Time这个MCP服务器,是正常运行的,而且提供了两个工具方法(获取当前时间和转换时间)
    在这里插入图片描述
  5. 安装后,我们新建一个会话任务(Cline上方的第一个 + 图标),并且将使用MCP服务器勾选上,提问“当前是什么时间”
    注: 众所周知 DeepSeek-V3 是查询不了当前时间的,上述配置了Time的MCP服务器,如果MCP能生效,就能够调用这个Time的MCP服务器,最终返回正确的当前时间
    在这里插入图片描述
    从下图的回复结果发现,大模型需要调用Time的MCP服务器,表示大模型识别了Time的MCP服务器,并且正确的调用了方法
    在这里插入图片描述
    最终结果也显示正确
    在这里插入图片描述
2.1.5.2 手动安装

手动安装MCP服务器:本质是手动编写cline_mcp_settings.json文件

  1. 依次点击 已安装 配置MCP服务器 会跳转到cline_mcp_settings.json文件中(如下图)
    在这里插入图片描述
  2. 在MCP服务器市场上随便找一个MCP服务器(下面将以File System为例),点击这个MCP服务器(不是点击安装)
    在这里插入图片描述
    会跳转到这个MCP服务器的介绍页(如下图)
    在这里插入图片描述
  3. 一直往下翻,我们找到VSCode对应的NPX配置介绍(如下图),复制它
    在这里插入图片描述
  4. 将它粘贴到cline_mcp_settings.json文件中(如下图)
    在这里插入图片描述
  5. 修改部分配置(因为Windows系统的缘故),修改后的内容如下图所示,在已安装列表中也能看到filesystem这个MCP服务器是正常运行的
    注: 修改规则
    ①在args中新增一个参数 /c ,且是第一个
    ②将command中的参数复制到args中,且作为第二个参数
    ③将command中的参数修改为 cmd

    在这里插入图片描述
  6. 新建一个会话任务,并提问“在本地服务器的G:/AI/project/mcp/test目录下有多少个文件”
    在这里插入图片描述
    查看结果,在执行过程中也是正确识别并调用了我们配置的filesystem MCP服务器,结果也是正确的
    在这里插入图片描述

2.2 Trae CN

2.2.1 安装Trae CN

如果你已安装 Trae CN 编辑器,跳到下一步;如果没有安装,参考这篇文章

2.2.2 Cline使用

Trae CN的Cline安装步骤和使用流程与VSCode基本是一致,这里就不赘述了
注: Trae CN的Cline客户端只有英文版,没有汉化版😒

2.2.3 内置MCP客户端

在最近的 0.5.0 版本中,Trae CN 内置了MCP的功能(如下图),所以升级到 0.5.0+ 版本,就能直接使用MCP服务器
在这里插入图片描述

  1. 点击Trae CN 右边侧边栏中的 设置 MCP(下图一),会跳转到MCP配置页(下图二)
    在这里插入图片描述
    在这里插入图片描述
  2. 点击 添加 MCP Servers,会跳转到 MCP市场(如下图)
    在这里插入图片描述
  3. 目前 Trae CN 提供的MCP服务器大部分还是手动配置的,只有少部分( 标注着轻松配置)点击后面的 + 号,是能帮我们编写好文件内容的;手动配置与上述 VSCode 的操作是一致的,这里也就不赘述了;我们也是可以将 VSCode 那边的配置直接复制过来使用(如下图)
    在这里插入图片描述
    在 Trae CN AI 对话栏的默认智能体中也是成功附带上了我们配置的两个MCP服务器(如下图)
    在这里插入图片描述
  4. 直接提问“现在是什么时间”
    查看结果,在执行过程中也是正确识别并调用了我们配置的time MCP服务器,结果也是正确的
    在这里插入图片描述

2.3 Cursor

2.3.1 安装Cursor

如果你已安装 Cursor 编辑器,跳到下一步;如果没有安装,参考这篇文章

2.3.2 Cline使用

Cursor的Cline安装步骤和使用流程与VSCode是完全一致(同样有汉化版),这里就不赘述了
在这里插入图片描述

2.2.3 内置MCP客户端

Cursor 在 0.47.0 版本中内置了MCP的功能,所以升级到 0.47.0+ 版本,就能直接使用MCP服务器

  1. 点击 Cursor 右上角的设置按钮,然后点击左边侧边栏的 MCP,会进入MCP Servers的配置页(如下图)
    在这里插入图片描述
  2. 目前 Curosr 只提供了MCP服务器的手动配置,点击 Add new global MCP server(如下图)
    在这里插入图片描述
  3. 配置方式与上述 VSCode 的操作是一致的,也是可以将 VSCode 那边的配置直接复制过来使用(如下图)
    在这里插入图片描述
    回到刚才的 MCP Servers 页面查看,time和filesystem两个MCP服务器是正常运行的
    在这里插入图片描述
  4. 在AI交互窗口中,添加 mcp.json 上下文(如下图)
    在这里插入图片描述
  5. 直接提问“现在是什么时间”
    查看结果,在执行过程中也是正确识别并调用了我们配置的time MCP服务器,结果也是正确的
    在这里插入图片描述

三、MCP热门市场

  • 官方github
  • smithery
  • MCP HOME

四、总结

通过本篇实战探索,我们见证了MCP如何通过IDE集成完成从理论到生产力的关键一跃

  • 技术本质
    MCP在IDE生态中扮演着"神经信号转换器"的角色——将自然语言指令转化为精准的系统级操作,如同人类神经系统将思维转化为肌肉动作,让开发者通过对话式交互调度跨平台工具链。
  • 生态价值
    构建"开发即服务"的共生体系:
    • 开发者通过IDE插件市场快速获取生产力工具(如自动生成Swagger对接模块)
    • 企业借助Trae CN实现内部系统能力封装(如ERP数据接口的MCP协议化)
    • 云厂商提供MCP-Hub托管服务,形成工具链生态闭环

🚧 下一站预告
《【MCP】第三篇:Cline工具链路追踪——解码"协议引擎"的神经传导奥秘》

相关文章:

  • OCR之身份证识别
  • 第十五届蓝桥杯 2024 C/C++组 艺术与篮球
  • 批量将多个 Excel 表格中的某张图片替换为新的图片
  • 《解锁vLLM:大语言模型推理的加速密码》
  • 大语言模型的“模型量化”详解 - 01:原理、方法、依赖配置
  • python基础语法测试
  • 面向高可靠场景的RISC-V低功耗MCU硬件安全设计
  • 迭代器模式:统一数据遍历方式的设计模式
  • 系统重装——联想sharkbay主板电脑
  • JAVA设计模式——(四)门面模式
  • 系统架构师2025年论文《系统架构风格》
  • Python----深度学习(神经网络的过拟合解决方案)
  • 【无人机】无人机光流模块Optical Flow设置(三),光流测距一体传感器的配置。凌启科技的光流测距一体模块的测试。
  • 数字化转型避坑指南:中钧科技如何用“四个锚点”破解转型深水区
  • .NET 6 WPF 利用CefSharp.Wpf.NETCore显示PDF文件
  • 如何确定置信水平的最佳大小
  • 深入理解分布式事务:从ACID与CAP理论到六大落地实现方案详解
  • Dart Flutter数据类型详解 int double String bool list Map
  • 0-1背包的运算规则
  • rabbitmq-spring-boot-start版本优化升级
  • “仅退款”将成历史?电商平台集中调整售后规则
  • 甘肃省政府原副省长赵金云严重职务违法被开除公职
  • 经济日报刊文:如何破除“内卷式”竞争
  • 内蒙古已评出280名“担当作为好干部”,186人提拔或晋升
  • 受贿超8.22亿,新疆维吾尔自治区党委原副书记李鹏新一审被判死缓
  • 支持医企协同创新研究,上海已设立一系列产学研医融合项目