生生不息

生生不息

Cursor MCP Server 配置与使用指南(Window)

4
2025-04-28
Cursor MCP Server 配置与使用指南(Window)

背景

cursor配置mcp,win10

之前用过nvm管理nodejs

本文将详细介绍如何安装、配置和使用 Cursor MCP Server,包括常见问题的排查和注意事项。通过本文的指导,您可以快速上手并高效使用 MCP Server 提供的强大功能。

一、环境准备

在开始安装 MCP Server 之前,请确保您的开发环境满足以下要求:

卸载旧版本的 Node.js:如果您的电脑上已经安装了旧版本的 Node.js,建议先卸载以避免版本冲突。

安装最新 LTS 版本的 Node.js:下载并安装 Node.js 的长期支持(LTS)版本,以确保兼容性和稳定性。

重启电脑:安装完成后,建议重启电脑以确保环境变量生效。

注,版本合适不需要卸载重装

二、验证环境

完成环境准备后,需要验证 Node.js 和 npm 是否正确安装。步骤如下:

  1. 打开 CMD(注意:不是 PowerShell)。
  2. 输入以下命令,检查版本号是否正确显示:
node --version
npm --version

如果能够看到版本号,说明安装成功。

可以看到我使用的node14版本(后续发现版本不行),切换去22.15.0。
nvm use 22.15.0

三、常见 MCP Server 的安装与配置

超能力一:Sequential Thinking——AI 的"深度思考"模式

这是受欢迎程度最高的 MCP 服务,本质上是给 AI 模型增加深度思考能力。当我使用 Claude 3.7 测试时,它能够通过多轮思考,逐步拆解复杂问题,最终给出全面的解决方案。

安装命令

npm install -g @modelcontextprotocol/server-sequential-thinking

Cursor 配置

{
    "mcpServers": {
      "sequentialthinking": {
        "isActive": true,
        "command": "cmd",
        "args": [
          "/c",
          "npx",
          "@modelcontextprotocol/server-sequential-thinking"
        ],
        "name": "sequentialthinking"
      }
    }
}

成功的话,是绿色 的

例如提示词是:

使用思考能力,帮我想一下在当前项目中加入数学公式,需要做什么工作

这个 MCP 还蛮实用的,当我们碰到复杂的问题,或者比较艰巨的任务的时候,不妨试试这个工具,主动使用“深度思考”、“reasoning 模式”、“sequentialthinking”等关键词,就可以触发这个 MCP 服务的调用。

超能力二:Brave Search + Fetch——信息检索的"黄金组合​"

Brave Search MCP 使用 Brave Search API 进行信息检索。当然你得先去 Brave Search 的控制台去生成一个 API Key,才能使用这个 MCP。
安装命令

npm install -g @modelcontextprotocol/server-brave-search

替换apikey会提示json如何写,复制去cursor即可。

Cursor 配置mcp.json

{
  "mcpServers": {
    "sequentialthinking": {
      "isActive": true,
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "@modelcontextprotocol/server-sequential-thinking"
      ],
      "name": "sequentialthinking"
    },
    "bravesearch": {
      "isActive": true,
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "@modelcontextprotocol/server-brave-search"
      ],
      "env": {
        "BRAVE_API_KEY": "xxxxxx"
      },
      "name": "bravesearch"
    }
  }
}

一开始可能是红色,刷新下就是绿色了。

后续更新配置,限于文章篇幅,只提供新增的部分如下

, # 接上一个mcp的逗号不能少
,
    "bravesearch": {
      "isActive": true,
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "@modelcontextprotocol/server-brave-search"
      ],
      "env": {
        "BRAVE_API_KEY": "xxxxxx"
      },
      "name": "bravesearch"
    }

笔者测试时,折腾半天还是一直 called MCP tool 返回的都是 Error:fetch failed

先不弄了。版本是0.49.6的cursor。

fetch使用uv安装

windows cmd执行

powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/install.ps1 | iex"


C:\Users\Administrator.local\bin 环境变量加上,重启cmd执行 uv help就可以验证安装成功了

    "fetch": {
      "command": "uvx",
      "args": ["mcp-server-fetch"],
      "name": "fetch"
    }

command是uvx,也换成绝对路径。

fetch 这个 MCP 服务可以抓取网页上的内容,以 markdown 的格式返回,比如上面访问各种网页就用到了 fetch 的能力。

可以看到 fetch 返回的就是页面 markdown 内容,通过 brave+fetch 这样的精准组合,就能获取最新且最准确的信息。同样的手段还可以运用在查询 API 文档或最新资讯方面。

应用场景:查询最新 API 文档、技术资讯、开源项目更新等

用fetch查看下开源项目的https://github.com/sdcb/chats得到更新历史。

超能力三:Magic MCP——前端开发的"魔法师​"

Magic MCP 支持直接创建前端组件,所有组件均来自 21st.dev。使用"/ui"指令,就能快速创建各种 UI 界面。

    "21stdevmagic": {
      "command": "npx",
      "args": ["-y", "@21st-dev/magic@latest", "API_KEY=\"xxxxxxxxxx\""],
      "name": "21stdevmagic"
    }

它的使用方式是用“/ui”指令,比如,我让它来创建一个博客的项目:

/ui 帮我创建一个好看的个人博客项目

过程一路yes,直接打开了浏览器给我看3个选择,让我选

中间的没渲染出来,1和3都不错了


结束了,说明自己做了什么。

超能力四:Github MCP——开发者社区的无缝连接

Github MCP 允许直接调用 Github 的 OpenAI 能力,甚至可以直接提交 issue。我刚好在使用 github的项目的时候,遇到异常,就可以用 Github 的 MCP 提交了一个 issue:()

安装命令

npm install -g @modelcontextprotocol/server-github
    "github": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "xxxxxxxxxx"
      },
      "name": "github"
    }


效果出奇的好,之前想着学习下如何提issue,这样自动化提交又工整又专业,真的要和ai学习如何提出问题了。(当然句尾也可以加上“注意issue用英文表达”)

这种无缝连接开发者社区的能力,大大提升了协作效率和问题解决速度。

超能力五:Playwright MCP——自动化测试的"魔术师​"

Playwright MCP 是一个强大的自动化测试工具,它能够帮助开发者在多种浏览器环境中进行端到端测试,大大简化了测试流程,提高了测试效率和准确性。

安装

npm install -g playwright@1.43.0
npx playwright@1.43.0 install chromium
npm install -g @executeautomation/playwright-mcp-server

mcp.json加上后保存

    "playwrightserver": {
      "command": "uvx",
      "args": ["playwright-server"],
      "name": "playwrightserver"
    }

比如,我让它直接访问 http://qq.com,他会自动访问页面,并生成一张截图:

帮我用playwrightserver访问一下www.baidu.com


截图如下:

你可以让它处理复杂的页面交互,如表单提交、AJAX 请求、页面导航等,确保 Web 应用在各种环境下都能正常工作。很适合直接在编码的过程中做自动化测试。

未来展望:AI 编程的无限可能

随着 AI 技术的不断发展,MCP 协议也将持续完善,为开发者提供更多实用功能。我们可以期待:

更多专业领域的 MCP 服务:针对数据科学、区块链、IoT 等特定领域的专业工具

更深度的代码理解能力:不仅理解单个文件,还能理解整个项目架构和业务逻辑

跨平台协作增强:与更多开发工具和平台的无缝集成

自定义 MCP 的简化:让普通开发者也能轻松创建自己的 MCP 服务

写在最后:拥抱变革,重新定义编程

Cursor+MCP 的组合,为我们提供了一种全新的工作方式,让我们能够专注于创造性思维和解决方案设计,而将繁琐的实现细节交给 AI 助手。

也许,如同 HTTP 是互联网的基石协议一样,MCP 可能将成为 AI 时代新的底层智能体互联协议,让我们共同期待!