MCP 插件配置指南：以 browser-tools-mcp 为例

1. 环境配置（Browser Tools 为例）

# 安装 Python 和 Node.js
mkdir -p C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"

2. MCP 服务安装启动

cd C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

参考官方文档：Installation

[图片：环境配置界面]

[图片：服务启动界面]

[图片：终端输出示例]

[图片：插件加载状态]

[图片：调试面板预览]

[图片：最终效果展示]

3. 浏览器插件配置

下载地址： BrowserTools Extension

[图片：插件安装界面]

4. Cline 服务配置

在配置文件中添加如下内容：

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],
    "disabled": false,
    "autoApprove": []
  }