【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.pswp.cn/bicheng/78101.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/78101.shtml
英文地址,請注明出處:http://en.pswp.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啟動不了 第一步…