MCP的誕生，可以說是為AI帶來一波新的活力。

?MCP（Model Context Protocol）?是由Anthropic公司在2024年11月推出的一種開放標準協議，旨在為大型語言模型（LLM）提供一種開放、標準化的方式，以便與外部數據源。

簡單來說，就是讓我們應用調用大模型，大模型要調用外部數據都變得通用。只要大模型遵守了MCP規范，AI應用就可以快速接入。只要你的數據源遵守MCP規范，也很方便AI應用、或者大模型調用。

更多詳細內容，大家可以看看官方的文檔：

https://modelcontextprotocol.io/introduction

從上圖，我們知道MCP分為3個節點：LLM、MCP Client、MCP Server。

下面我們來體驗下MCP的實際使用效果。

我們這里選擇的是：阿里QWen、Vs Code的Cline插件、阿里魔搭社區的MCP Server。

這里大家可以根據自己的喜好選擇。

一、安裝Cline

1.1 打開VS Code開發工具

在擴展選項卡，搜索Cline，并安裝Cline。

安裝成功后，我們就可以在右邊看到Cline的圖標。

二、Cline配置LLM

2.1 切換至Cline，并點擊 配置 的圖標，進入配置頁面。

2.2 大模型，我這邊使用的是阿里的QWen，首先我們先進入：阿里云百煉

https://bailian.console.aliyun.com/?tab=model#/model-market

任意選擇一個模型，查看API配置說明。

在API文檔介紹里，我們就可以看到大模型Url： https://dashscope.aliyuncs.com/compatible-mode/v1

2.3  創建API-Key

在頁面的左小角，點擊：API-Key，進入API Key管理頁面。

創建我的API-Key

創建完成，我們就可以獲得API Key了。

2.4 選擇模型的版本

Qwen提供了很多版本的大模型，并且為我們提供了免費token，大家可以根據自己需求選擇。

切換至模型頁面，任意選擇一個模型，進入模型詳情介紹。

在模型列表，右邊我們就可以看到哪些模型為我們提供了免費token，左邊就是模型的版本編碼。

2.5 Cline配置大模型

根據上面的內容，最終我們配置如下，配置后點擊保存就行。

2.6 環境變量配置

正常情況下，這樣就配置完成了。如果出現以下錯誤情況，那是說明找不到 powershell 命令。

我們只需為系統環境變量path，添加如下配置就行：

%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\

2.7 測試大模型

配置后，我們可以自行測試下，看是否配置成功。

三、配置MCP Server

===

3.1 MCP Servers頁面

進入MCP Servers頁面，我們可以看到Cline，為我們集成很多公開的MCP Server，大家可以根據需求自行安裝就行。

3.2 添加遠程的MCP Server

Remote Servers => Edit Configuration，在 右邊的編輯框 添加我們的Server配置。

魔搭社區，為我們提供了很多遠程Server，魔搭地址：https://www.modelscope.cn/mcp

進入Server詳情頁面，我們可以看到Server提供了哪些工具列表，以及模型配置信息。

這邊選擇的是Fetch網頁內容抓取的Server，大家可以根據需求選擇其他Server。

四、測試效果

===

根據上面的配置，一個完整MCP配置就完成了。

根據工具的提示，向大模型發送相應內容，大模型就會解析你的內容，去調用對應的Server。

上面是Cline，和你確認是否要抓取這個鏈接，我們直接點擊： Approve 就行。

頁面內容太多，Cline和我們確認是否繼續抓取。我們繼續點擊： Approve 就行。

下面就抓取成功了，并用markdown的格式輸出。 另外Cline 還會繼續問你  是否要把內容保存至本地文件，可以根據自己需求，選擇保存、或者拒絕。

另外需要注意的是：

工具的提示是非常重要的，大模型是根據 工具提示和我們發送的內容 ，進行智能解析的，來判斷是否會調用Server。

- End -

文章首發于公眾號【編程樂趣】，歡迎大家關注。

總結

以上是生活随笔為你收集整理的VS Code + Cline + 魔搭MCP Server 实现抓取网页内容。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。