导语:
这篇文章里进一步以Cline接入playwright-mcp为例,讲解过程中遇到的坑,以及MCP配置。
playwright-mcp安装
在VS Code中安装Cline的步骤就不在这里赘述了,可以参考我之前的文章。
Cline + DeepSeek-V3 代码助手再进化
现在网上提供的教程中,多数是通过MCP社区,例如pulsemcp,或者是直接在GitHub上参考开源项目的说明文档。这两天魔搭也上线最大MCP中文社区,给出了很多国内厂商提供的MCP配置。
以playwright为例 ,以下是三个网站的内容截图。
pulsemcp
GitHub
魔搭社区
接下来该说说坑在哪里了。
大部分的文章里直接就拿着这几个网站给的示例,进行配置了,甚至还有些会告诉你可以直接把配置复制到任务里,让Cline自己装。
但实际上如果是Cline下直接使用,你可能就要上了大当了!
实际上你按照这个步骤操作,看到的肯定是这个结果。
我都不知道他们是怎么配置成功的,还是说不知道从哪里抄来,根本不做验证。
在网上再次搜索解决方案,以下是这个错误的原因。
这个配置是给Claude Desktop用的,如果是Windows下Cline必须要进行调整。
还有一种是使用node进行执行,这种方式需要提前安装node_modules。
npm install -g @executeautomation/playwright-mcp-server
然后手工配置命令和参数。
{
"mcpServers": {
"@executeautomation-playwright-mcp-server": {
"disabled": false,
"timeout": 60,
"command": "C:\\Program Files\\nodejs\\node.exe",
"args": [
"C:\\Users\\"用户名"\\AppData\\Roaming\\npm\\node_modules\\@executeautomation\\playwright-mcp-server\\dist\\index.js",
"-y",
"@smithery/cli@latest",
"run",
"@executeautomation/playwright-mcp-server",
"--config",
"\"{}\""
],
"transportType": "stdio",
"autoApprove": [
"playwright_navigate",
"playwright_evaluate",
"playwright_fill",
"playwright_click",
"playwright_get_visible_text",
"playwright_save_as_pdf",
"playwright_press_key",
"playwright_drag",
"playwright_go_forward",
"playwright_go_back",
"playwright_get_visible_html",
"start_codegen_session",
"end_codegen_session"
]
}
}
}
这里也说下配置文件里得主要参数:
mcpServers(必需): 定义所有MCP服务器的集合。
server_name(自定义): 服务标识(如filesystem、fetch等)。
transportType(必需): 服务类型,支持:
stdio:本地进程通信(如Python/Node.js脚本)。
sse:远程Server-Sent Events API(需URL)。
command(必需): 启动命令(如python script.py)。
args(必需):命令所需参数。
Cline中的对应配置:
disabled:是否启用。
timeout:超时配置,单位秒。
autoApprove:是否自动执行。
配置完成后,如果连接正常,会显示绿色原点。同时可以查看mcp提供的详细服务,也可以在可视化界面中直接配置“自动批准”,修改后会自动同步配置。
Cline内部也提供了市场,可以直接安装,部分直接安装失败的就需要手工处理了。
配置完成后,可以直接在交换界面测试了,比如“打开百度网页”。
可以看到,大模型使用了Chromium打开了网页。