目录

一、什么是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"]}}
}

成功 

使用时勾上