【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
- 点击 VSCode 左边侧边栏的扩展,如下图中的 ①
- 在扩展搜索栏中输入 cline,如下图中的 ②
- 选择 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服务器为例
- 点击安装
- AI会生成相关操作步骤,并且需要执行命令,我们点击Run Command运行命令
- 上一步命令完成后(博主这里因为文件已经存在所以报错,但不会影响后续步骤),AI继续会生成下一步的相关操作,并且需要执行命令,我们继续点击Run Command运行命令
- 我们跟着AI一步一步操作执行,最终来到编写cline_mcp_settings.json文件,AI帮我们生成文件内容如下图一
我们去已安装目录下查看,发现Time这个MCP服务器是报错的,因为AI帮我们生成的内容是符合linux环境的,但我们使用的Windows环境,所以我们需要对这件进行稍微的修改
修改后的内容如下图
此时再去已安装目录下查看Time这个MCP服务器,是正常运行的,而且提供了两个工具方法(获取当前时间和转换时间)
- 安装后,我们新建一个会话任务(Cline上方的第一个 + 图标),并且将使用MCP服务器勾选上,提问“当前是什么时间”
注: 众所周知 DeepSeek-V3 是查询不了当前时间的,上述配置了Time的MCP服务器,如果MCP能生效,就能够调用这个Time的MCP服务器,最终返回正确的当前时间
从下图的回复结果发现,大模型需要调用Time的MCP服务器,表示大模型识别了Time的MCP服务器,并且正确的调用了方法
最终结果也显示正确
2.1.5.2 手动安装
手动安装MCP服务器:本质是手动编写cline_mcp_settings.json文件
- 依次点击 已安装 配置MCP服务器 会跳转到cline_mcp_settings.json文件中(如下图)
- 在MCP服务器市场上随便找一个MCP服务器(下面将以File System为例),点击这个MCP服务器(不是点击安装)
会跳转到这个MCP服务器的介绍页(如下图)
- 一直往下翻,我们找到VSCode对应的NPX配置介绍(如下图),复制它
- 将它粘贴到cline_mcp_settings.json文件中(如下图)
- 修改部分配置(因为Windows系统的缘故),修改后的内容如下图所示,在已安装列表中也能看到filesystem这个MCP服务器是正常运行的
注: 修改规则
①在args中新增一个参数 /c ,且是第一个
②将command中的参数复制到args中,且作为第二个参数
③将command中的参数修改为 cmd
- 新建一个会话任务,并提问“在本地服务器的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服务器
- 点击Trae CN 右边侧边栏中的 设置 MCP(下图一),会跳转到MCP配置页(下图二)
- 点击 添加 MCP Servers,会跳转到 MCP市场(如下图)
- 目前 Trae CN 提供的MCP服务器大部分还是手动配置的,只有少部分( 标注着轻松配置)点击后面的 + 号,是能帮我们编写好文件内容的;手动配置与上述 VSCode 的操作是一致的,这里也就不赘述了;我们也是可以将 VSCode 那边的配置直接复制过来使用(如下图)
在 Trae CN AI 对话栏的默认智能体中也是成功附带上了我们配置的两个MCP服务器(如下图)
- 直接提问“现在是什么时间”
查看结果,在执行过程中也是正确识别并调用了我们配置的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服务器
- 点击 Cursor 右上角的设置按钮,然后点击左边侧边栏的 MCP,会进入MCP Servers的配置页(如下图)
- 目前 Curosr 只提供了MCP服务器的手动配置,点击 Add new global MCP server(如下图)
- 配置方式与上述 VSCode 的操作是一致的,也是可以将 VSCode 那边的配置直接复制过来使用(如下图)
回到刚才的 MCP Servers 页面查看,time和filesystem两个MCP服务器是正常运行的
- 在AI交互窗口中,添加 mcp.json 上下文(如下图)
- 直接提问“现在是什么时间”
查看结果,在执行过程中也是正确识别并调用了我们配置的time MCP服务器,结果也是正确的
三、MCP热门市场
- 官方github
- smithery
- MCP HOME
四、总结
通过本篇实战探索,我们见证了MCP如何通过IDE集成完成从理论到生产力的关键一跃:
- 技术本质
MCP在IDE生态中扮演着"神经信号转换器"的角色——将自然语言指令转化为精准的系统级操作,如同人类神经系统将思维转化为肌肉动作,让开发者通过对话式交互调度跨平台工具链。 - 生态价值
构建"开发即服务"的共生体系:- 开发者通过IDE插件市场快速获取生产力工具(如自动生成Swagger对接模块)
- 企业借助Trae CN实现内部系统能力封装(如ERP数据接口的MCP协议化)
- 云厂商提供MCP-Hub托管服务,形成工具链生态闭环
🚧 下一站预告
《【MCP】第三篇:Cline工具链路追踪——解码"协议引擎"的神经传导奥秘》