进阶教程

Cursor MCP 完全指南
8 款必备工具推荐与配置教程

MCP (Model Context Protocol) 就像是给 AI 插上了 USB 接口。通过它,Cursor 可以连接 GitHub、Figma、数据库等外部工具,从“代码编辑器”进化为“全能开发平台”。

Cursor-VIP Team

MCP 是什么?
简单来说,MCP (Model Context Protocol) 是 AI 世界的“通用标准接口”。以前,让 AI 访问数据库或设计稿需要专门开发;现在,只要工具支持 MCP 标准,Cursor 就能像“即插即用”的 USB 设备一样直接调用它们,获取实时数据并执行操作。

一、8 款开发者必备 MCP 工具推荐

根据 2025 年的开发者社区反馈,以下 8 款 MCP 工具能显著提升开发效率:

🛠️ 开发效率类

1. GitHub MCP Server

核心功能: 让 Cursor 直接管理仓库。输入“帮我审查 PR 并生成改进建议”,AI 就能自动分析差异、提交代码甚至管理 Issues。

2. Apidog MCP Server

核心功能: API 开发神器。AI 可以直接读取项目 API 文档,生成对应的 TypeScript 接口定义或 Python 客户端代码,无需手动复制粘贴。

3. Supabase MCP Server

核心功能: 后端开发加速。直接用自然语言(如“创建一个用户表”)让 AI 在 Supabase 中执行 SQL 建表、查询数据。

🤖 自动化与测试类

4. Playwright MCP Server

核心功能: 浏览器自动化。告诉 AI “测试登录页面的错误提示”,它会自动生成脚本并控制浏览器执行测试,输出截图报告。

5. MySQL MCP Server

核心功能: 数据库直连。无需切换 Navicat,直接在聊天窗口输入 SQL 查询指令,AI 帮你执行并展示结果。

🎨 设计与协作类

6. Figma Context MCP

核心功能: 设计稿转代码。AI 能读取 Figma 的图层、颜色和间距,生成像素级还原的 React/Tailwind 代码。

7. Context7 MCP

核心功能: 解决文档过时问题。实时注入最新的官方技术文档,确保 AI 给出的代码(如 Python 3.12 新特性)是最新且准确的。

二、如何配置 MCP?(保姆级教程)

配置 MCP 其实非常简单,主要通过修改配置文件来实现。

  1. 环境准备: 确保你的电脑安装了 Node.js (≥18.x)
  2. 安装服务: 打开终端,通过 npm 全局安装你需要的 MCP 包。例如安装 GitHub 服务:
    npm install -g @modelcontextprotocol/server-github
  3. 编辑配置: 在 Cursor 设置中找到 MCP 选项,点击 "Edit Config"。或者直接编辑 ~/.cursor/mcp.json 文件。
  4. 添加配置: 将以下 JSON 格式的配置添加到文件中(以 GitHub 为例):
    {
      "mcpServers": {
        "github": {
          "command": "npx",
          "args": ["-y", "@modelcontextprotocol/server-github"],
          "env": {
            "GITHUB_PERSONAL_ACCESS_TOKEN": "你的_TOKEN"
          }
        }
      }
    }
    Windows 用户注意:command 需改为 "cmd",args 需添加 "/c" 前缀。
  5. 验证状态: 重启 Cursor,检查设置页面的 MCP 指示灯是否变绿。

三、使用技巧与建议

  • 组合使用: 尝试将 Figma MCP 和 Playwright MCP 结合。先让 AI 根据设计稿生成代码,再自动运行测试,实现真正的“设计到交付”全流程自动化。
  • 关注隐私: 部分 MCP(如数据库类)具有极高的权限。建议在开发环境或测试数据库中使用,避免直接连接生产环境。
  • 进阶学习: 想要更深入了解 Cursor 的使用技巧?可以参考我们的 Cursor 新手指南深度评测文章

总结:MCP 生态正在快速爆发。尽早掌握这些工具,能让你在 AI 辅助开发的浪潮中抢占先机,从“写代码”的人进化为“设计系统”的人。