【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工具链路追踪——解码"协议引擎"的神经传导奥秘》

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/78101.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【新能源科学与技术】MATALB/Simulink小白教程(一)实验文档【新能源电力转换与控制仿真】

DP读书:新能源科学与工程——专业课「新能源发电系统」 2025a 版本 MATLAB下面进入正题 仿真一:Buck 电路一、仿真目的二、仿真内容(一)Buck电路基本构成及工作原理(二)Buck电路仿真模型及元件连接&#xf…

BootStrap:首页排版(其一)

今天我要介绍的是在BootStrap中有关于首页排版的内容知识点,即(模态框,选项卡)。 模态框: 模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。 在运行…

Spring Data

目录 一、Spring Data 简介与生态概览 什么是 Spring Data? Spring Data 与 Spring Data JPA 的关系 Spring Data 家族:JPA、MongoDB、Redis、Elasticsearch、JDBC、R2DBC…… 与 MyBatis 的本质差异(ORM vs SQL 显式控制) 二…

建筑末端配电回路用电安全解决方案

一、电气火灾的严峻现状 根据国家应急管理部消防救援局的数据,电气火灾长期占据各类火灾原因之首,2021年占比高达50.4%。其中,末端配电回路因保护不足、监测手段落后,成为火灾高发隐患点。私拉电线、线路老化、接触不良、过载等问…

华为开发岗暑期实习笔试(2025年4月16日)

刷题小记: 第一题怀疑测试样例不完整,贪心法不应该能够解决该题。第二题使用0-1BFS解决单源最短路径的问题,往往搭配双端队列实现。第三题是运用动态规划解决最大不重叠子区间个数的问题,难点在于满足3重判断规则,所需…

Rust: 从内存地址信息看内存布局

内存布局其实有几个:address(地址)、size(大小)、alignment(对齐位数,2 的自然数次幂,2,4,8…)。 今天主要从address来看内存的布局。 说明&…

每日一题算法——两个数组的交集

两个数组的交集 力扣题目链接 我的解法&#xff1a;利用数组下标。 缺点&#xff1a;当取值范围很大时&#xff0c;浪费空间。 class Solution { public:vector<int> intersection(vector<int>& nums1, vector<int>& nums2) {int count1[1001]{0…

c++ 互斥锁

为练习c 线程同步&#xff0c;做了LeeCode 1114题. 按序打印&#xff1a; 给你一个类&#xff1a; public class Foo {public void first() { print("first"); }public void second() { print("second"); }public void third() { print("third"…

山东大学软件学院创新项目实训开发日志(20)之中医知识问答自动生成对话标题bug修改

在原代码中存在一个bug&#xff1a;当前对话的标题不是现有对话的用户的第一段的前几个字&#xff0c;而是历史对话的第一段的前几个字。 这是生成标题的逻辑出了错误&#xff1a; 当改成size()-1即可

WSL2-Ubuntu22.04下拉取Docker MongoDB镜像并启动

若未安装docker可参考此教程&#xff1a;可以直接在wsl上安装docker吗&#xff0c;而不是安装docker desktop&#xff1f;-CSDN博客 1. 拉取镜像 docker pull mongo:latest 2.打开网络加速&#xff0c;再次拉取镜像 3.创建docker-compose.yml 进入vim编辑器后输入i进行编辑&a…

中通 Redis 集群从 VM 迁移至 PVE:技术差异、PVE 优劣势及应用场景深度解析

在数字化转型浪潮下&#xff0c;企业对服务器资源的高效利用与成本控制愈发重视。近期&#xff0c;中通快递将服务器上的 Redis 集群服务从 VM&#xff08;VMware 虚拟化技术&#xff09;迁移至 PVE&#xff08;Proxmox VE&#xff09;&#xff0c;这一技术举措引发了行业广泛关…

Prometheus+Grafana实时监控系统各项指标

一、监控架构设计 核心组件与数据流 Prometheus&#xff1a;时序数据采集、存储与告警规则管理Node Exporter&#xff1a;采集主机指标&#xff08;CPU、内存、磁盘、网络等&#xff09;数据库Exporter&#xff1a;如 mysqld_exporter、postgres_exporterGrafana&#xff1a;…

[密码学基础]GMT 0029-2014签名验签服务器技术规范深度解析

GMT 0029-2014签名验签服务器技术规范深度解析 引言 在数字化转型和网络安全需求激增的背景下&#xff0c;密码技术成为保障数据完整性与身份认证的核心手段。中国密码管理局发布的GMT 0029-2014《签名验签服务器技术规范》&#xff0c;为签名验签服务器的设计、开发与部署提…

多路转接select服务器

目录 select函数原型 select服务器 select的缺点 前面介绍过多路转接就是能同时等待多个文件描述符&#xff0c;这篇文章介绍一下多路转接方案中的select的使用 select函数原型 #include <sys/select.h> int select(int nfds, fd_set *readfds, fd_set *writefds, f…

QT6 源(45):分隔条 QSplitter 允许程序的用户修改布局,程序员使用 IDE时,就是分隔条的用户,以及其 QSplitter 源代码

&#xff08;1&#xff09; &#xff08;2&#xff09;本类的继承关系如下&#xff0c;所以说分隔条属于容器&#xff1a; &#xff08;3&#xff09;本类的属性&#xff1a; &#xff08;4&#xff09; 这是一份 QSplitter 的举例代码&#xff0c;注意其构造函数时候的传参&am…

VSCode PIO使用Jlink SWD烧录Stm32

一、背景 PIO的编译速度比Arduino快很多&#xff0c;同样支持Arduino的语法。VScode的自动补全和插件也能够帮助快速开发目前使用JLINK SWD的方式连接STM32 二、配置 在ini配置文件中&#xff0c;添加如下内容 [env:genericSTM32F103C8] platform ststm32 board genericS…

JavaScript 渲染内容爬取:Puppeteer 入门

在现代网络应用中&#xff0c;许多网页内容是通过 JavaScript 渲染生成的&#xff0c;传统的爬虫工具往往难以获取这些动态内容。Puppeteer 作为一种强大的浏览器自动化工具&#xff0c;为这一问题提供了优雅的解决方案。本文将带你入门 Puppeteer&#xff0c;介绍如何安装、启…

卷积神经网络:视觉炼金术士的数学魔法

引言&#xff1a;当数学遇见视觉炼金术 在人工智能的奇幻世界里&#xff0c;卷积神经网络&#xff08;CNN&#xff09;犹如掌握视觉奥秘的炼金术士&#xff0c;将原始像素的"铅块"淬炼成认知的"黄金"。这种融合数学严谨性与生物灵感的算法架构&#xff0c…

Android Cordova 开发 - Cordova 快速入门(Cordova 环境配置、Cordova 第一个应用程序)

一、Cordova 1、Cordova 概述 Cordova 是使用 HTML&#xff0c;CSS 和 JavaScript 构建混合移动应用程序的平台 2、Cordova 特征 &#xff08;1&#xff09;命令行界面&#xff08;Cordova CLI&#xff09; 这是可用于启动项目&#xff0c;构建不同平台的进程&#xff0c;…

ubuntu18.04启动不了修复

参考: 虚拟机里的Ubuntu18.4启动时进入到grub rescue救援模式&#xff08;无法正常进入到系统&#xff09;&#xff0c;ls查看后只有一个硬盘和分区&#xff0c;且无法找到/boot/grub文件【已解决】_ubuntu grub rescue-CSDN博客 本人fdisk错误使用,导致了grub启动不了 第一步…