目錄

一、什么是MCP?

二、MCP大集合

?三、準備工作

3.1 安裝node.js

3.2 安裝vscode

3.3 安裝cline插件

3.3.1 安裝

?3.3.2 配置Cline

四、配置MCP服務

?4.1 Search-mcp服務

4.2 playwright-mcp 服務

---

前言：夢想組合，輕松辦公，告別手動，AI編碼超神！

一、什么是MCP?

????????MCP 全稱為 Model Context Protocol（模型上下文協議），是 Anthropic 公司在 2024 年 11 月推出的一種開放協議，旨在統一規范大型語言模型（LLM）與外部數據源和工具之間的通信。

MCP工作原理：

MCP與Function Call區別 ：

二、MCP大集合

https://github.com/punkpeye/awesome-mcp-servers

這是最出色的mcp服務大集合

可按照說明書上的服務器去搭建自己的MCP服務

?三、準備工作

3.1 安裝node.js

https://nodejs.org/zh-cn

網址如下?

3.2 安裝vscode

https://vscode.github.net.cn/

3.3 安裝cline插件

3.3.1 安裝

在vscode插件搜索Cline，安裝

?3.3.2 配置Cline

配置cline，選擇openRouter 或deepseek（需收費）

# openRouter 需要去注冊獲取KEY：
https://openrouter.ai/settings/keys# deepseek 需要注冊獲取KEY：
https://platform.deepseek.com/api_keys

我使用openRouter

openRouter 的Key獲取方式（我使用github帳號登錄的）

點擊Create即可

四、配置MCP服務

?4.1 Search-mcp服務

選擇下圖

將search 配置到cline當中

初始化顯示下圖：

先執行pip命令注意python版本需要大于3.10，我使用3.10.11

pip install mcp-server-fetch

上面安裝完成修改這個配置文件?

{"mcpServers": {"fetch": {"command": "python","args": ["-m", "mcp_server_fetch"]}}
}

4.2 playwright-mcp 服務

先安裝（這個不確定啊，理論上這是多余）

npm install -g @executeautomation/playwright-mcp-server

官方是：

https://github.com/executeautomation/mcp-playwright

{"mcpServers": {"playwright": {"command": "npx","args": ["-y", "@executeautomation/playwright-mcp-server"]}}
}

報錯：spawn npx ENOENT spawn npx ENOENT

改成

{"mcpServers": {"playwright": {"command": "cmd","args": ["/c", "npx", "-y", "@executeautomation/playwright-mcp-server"]}}
}

成功?

使用時勾上