MCP 插件配置实战：browser-tools-mcp 示例

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

首先确保已安装 Python 和 Node.js 环境。创建项目目录并克隆仓库：

# 安装 Python 和 Node.js
mkdir ~/Documents/Cline/MCP/browser-tools-mcp
cd ~/Documents/Cline/MCP/browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .

2. MCP 服务安装启动

进入项目目录，安装依赖并启动服务：

cd ~/Documents/Cline/MCP/browser-tools-mcp
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

详细安装步骤可参考官方文档：Browser Tools Installation。

3. 浏览器插件配置

下载并安装浏览器扩展插件： BrowserTools Extension Download

4. Cline 服务配置

在 Cline 配置文件中添加以下 MCP 服务配置：

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["<project_path>/dist/mcp-server.js"],
    "disabled": false,
    "autoApprove": []
  }
}

(请将 <project_path> 替换为实际的项目绝对路径)

5. 最终效果

配置完成后，浏览器端调试工具将增加插件页面，支持相关功能调用。