【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工具鏈路追蹤——解碼"協議引擎"的神經傳導奧秘》