AI导哈

Playwright MCP服务器集成

通过创建配置文件将Playwright MCP服务器手动添加到项目中，以便与Cursor AI一起使用。

  • by abhishek0505bit
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 abhishek0505bit/playwright-mcpserver

使用说明

将Playwright MCP服务器与Cursor AI集成：手动配置

本指南解释了如何通过在 .cursor 目录。

分步：手动MCP服务器设置

1.创建 .cursor 目录

如果您的项目还没有 .cursor 目录，在项目的根目录中创建一个：

mkdir -p .cursor

2.添加 mcp.json 配置文件

里面 .cursor 目录，创建一个名为 mcp.json 内容如下：

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

3.保存并重新启动Cursor AI

  • 保存 mcp.json 文件。
  • 重新启动Cursor AI或重新加载工作区以检测新的MCP服务器配置。

4.验证集成

  • Cursor AI现在应该使用您提供的配置自动启动Playwright MCP服务器。
  • 现在，您可以在Cursor AI中使用Playwright驱动的工具和命令。
  • 在 macOS 上： 您还可以导航到 Cursor → Settings → Cursor Settings → Tools and Integration 验证Playwright工具是否存在。这证实了此项目已正确添加MCP服务器。

项目特定配置与全局MCP配置

  • 这 .cursor/mcp.json 文件是特定于项目的。

    • 您在下面添加的MCP服务器配置 .cursor 文件夹仅适用于该文件所在的项目（存储库）。

  • 如果在Cursor中打开不同的仓库，则需要添加 .cursor/mcp.json 文件也在那里 如果您希望Cursor自动启动并为该项目使用Playwright MCP服务器。

  • 没有全局/共享MCP服务器配置 默认情况下，在所有项目中。每个项目/仓库在其 .cursor 配置。

为什么是这样？

  • 此设计允许您为不同的项目设置不同的MCP服务器（例如，使用不同的版本或参数）。
  • 它还确保只有您想使用MCP的项目才能启用它。

汇总表

代表/项目 .cursor/mcp.json 现在？ MCP服务器自动启动？
项目A 是 是
项目B 否 否
项目C 是 是

如果你想在每个项目中都加入MCP，你需要添加 .cursor/mcp.json 每个文件。

如果您有一组通用设置，则可以复制相同的设置 .cursor/mcp.json 将文件导入每个仓库，或使用脚本自动执行此操作。

有关其他IDE或AI助手的更多信息和配置，请参阅官方 剧作家MCP文档.

相关 MCP