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

想学好英文的ikun2025-04-24 19:00

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

  • 一、引言
  • 二、IDE集成MCP
    • [2.1 VSCode](#2.1 VSCode)
      • [2.1.1 安装VSCode](#2.1.1 安装VSCode)
      • [2.1.2 安装Cline](#2.1.2 安装Cline)
      • [2.1.3 配置Cline](#2.1.3 配置Cline)
      • [2.1.4 环境准备](#2.1.4 环境准备)
      • [2.1.5 安装MCP服务器](#2.1.5 安装MCP服务器)
        • [2.1.5.1 自动安装](#2.1.5.1 自动安装)
        • [2.1.5.2 手动安装](#2.1.5.2 手动安装)
    • [2.2 Trae CN](#2.2 Trae CN)
      • [2.2.1 安装Trae CN](#2.2.1 安装Trae CN)
      • [2.2.2 Cline使用](#2.2.2 Cline使用)
      • [2.2.3 内置MCP客户端](#2.2.3 内置MCP客户端)
    • [2.3 Cursor](#2.3 Cursor)
      • [2.3.1 安装Cursor](#2.3.1 安装Cursor)
      • [2.3.2 Cline使用](#2.3.2 Cline使用)
      • [2.2.3 内置MCP客户端](#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的入口

  1. 点击Cline图标，进入到Cline的首页

  2. 点击设置按钮（如下图中的 ②），进行大模型API提供商的配置；通过配置可以看到，基本上主流的提供商（OpenAI、DeepSeek、Gemini等）都是支持的，大家可以根据自己的偏好选择；

博主偏好的是使用硅基流动的API，配置如下：
注： 填写好相关配置后，记得点击右上角的完成进行保存

2.1.4 环境准备

MCP服务器本质是运行在本地的 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热门市场

四、总结

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

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

🚧 下一站预告

《【MCP】第三篇：Cline工具链路追踪------解码"协议引擎"的神经传导奥秘》

相关推荐
铭阳(●´∇｀●)24 分钟前
Python内置函数---breakpoint()
笔记·python·学习
大叔比较胖25 分钟前
VSCode 用于JAVA开发的环境配置，JDK为1.8版本时的配置
java·ide·vscode·jdk·1.8
zhanghongyi_cpp27 分钟前
python基础语法测试
python
MurphyStar30 分钟前
UV: Python包和项目管理器（从入门到不放弃教程）
开发语言·python·uv
二川bro30 分钟前
AI与Web3.0：技术融合
人工智能·web3
CodeJourney.31 分钟前
基于DeepSeek与Excel的动态图表构建：技术融合与实践应用
数据库·人工智能·算法·excel
linux kernel33 分钟前
Python基础语法3
python
安步当歌36 分钟前
【论文#目标检测】Attention Is All You Need
图像处理·人工智能·目标检测·计算机视觉
刘大猫2639 分钟前
Arthas sc（查看JVM已加载的类信息 ）
人工智能·后端·算法
前进的程序员40 分钟前
CentOS 系统 DeepSeek 部署
运维·人工智能·centos·deepseek
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03我决定放弃搞 Java 了04YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】05yolov8，yolo11，yolo12 服务器训练到部署全流程 笔记06DeepSeek各版本说明与优缺点分析07苍穹外卖面试总结08组基轨迹建模 GBTM的介绍与实现（Stata 或 R）09RAG 实践- Ollama+RagFlow 部署本地知识库10✨分享我在飞书多维表格中使用DeepSeek的经历✨