MCP 插件实战:browser-tools-mcp 环境搭建与配置
在 AI 辅助开发场景中,让模型直接操作浏览器往往需要特定的工具支持。本文以 browser-tools-mcp 为例,演示如何从零搭建 MCP 服务,并将其集成到 Cline 中,实现浏览器调试能力的自动化调用。
1. 环境准备
首先确保本地已安装 Node.js 和 Git 环境。我们需要创建一个专门的工作目录来存放 MCP 服务文件。
# 创建目录(请根据实际用户路径调整)
mkdir C:\Users\YOUR_USERNAME\Documents\Cline\MCP\browser-tools-mcp
# 进入目录并克隆仓库
cd C:\Users\YOUR_USERNAME\Documents\Cline\MCP\browser-tools-mcp
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git .
注意:如果之前已经存在该目录,请确保先清理旧文件再执行克隆命令。
2. 安装与服务启动
进入项目目录后,使用 npm 安装依赖并启动服务。这里建议指定版本号以确保稳定性。
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
具体安装细节可参考官方文档:Browser Tools Installation。
启动成功后,你会看到类似以下的界面提示服务已就绪:












