跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像AI 生图工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
编程语言Node.jsAI

Cursor 中配置与使用 MCP 服务实战

演示在 Cursor 中集成 MCP(Model Context Protocol)服务,通过配置 MySQL、高德地图及文件系统接口,实现自动化数据采集、存储与前端页面生成。涵盖环境搭建、配置文件编写、API 申请及实际调用测试,帮助开发者利用 AI 助手完成复杂工作流。重点讲解了项目级 mcp.json 配置方法、多服务协同逻辑及安全注意事项,提供可直接运行的配置示例与提示词模板。

星河入梦发布于 2026/3/15更新于 2026/7/2429 浏览
Cursor 中配置与使用 MCP 服务实战

前言

随着 AI 编程助手的普及,开发者越来越倾向于在 Cursor 等智能 IDE 中进行高效开发。除了代码补全和智能搜索,Cursor 还支持通过 MCP(Model Context Protocol)服务调用外部资源,如高德地图 API、数据库等,实现数据采集、处理和自动化办公。

本文以'北京一日游自动化攻略'为例,详细讲解如何在 Cursor 中集成 MCP 服务,完成从数据采集、数据库操作到文件生成和前端展示的全流程。

一、什么是 MCP 服务?

MCP(Model Context Protocol)是连接 AI 模型与外部数据源的标准协议。在 Cursor 中,它允许开发者无需手动编写复杂的 HTTP 请求或繁琐配置,只需在对话中描述需求,AI 助手即可自动调用相关服务(如地图查询、数据库读写),极大提升开发效率。

二、环境准备

2.1 基础工具

确保已安装 Cursor 编辑器。如果提示机器码限制,请检查本地环境配置。

2.2 Python - uv

若已配置 Python 环境,可使用以下命令安装:

pip install uv

若未配置 Python 环境,Windows 下可通过 PowerShell 运行:

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

安装完成后,使用 uv --version 和 uvx --help 验证。

2.3 Node.js - npx

下载并安装 Node.js,配置环境变量后,确保终端可执行 node 和 npm 命令。MCP Server 通常通过 npx 启动。

三、在 Cursor 中添加 MCP Server

在 Cursor 中添加 MCP Server 主要有两种配置方式:

3.1 全局设置

通过 Settings -> MCP -> Add new global MCP server 添加全局可用的服务。

3.2 项目级别(推荐)

在项目目录的 .cursor 文件夹中新建 mcp.json 文件进行配置,仅对当前项目生效。这种方式更利于版本管理和权限隔离。

四、选择与配置 MCP Server

4.1 MySQL 服务

访问 Smithery 获取 MySQL MCP Server 的配置信息。将 JSON 内容复制到 mcp.json 文件中。

注意:粘贴时建议直接从 GitHub 仓库获取原始配置,避免格式错误。此外,需提前创建好对应的数据库。

4.2 高德地图服务

高德地图的 MCP Server 可从 MCP.so 平台获取。同时需要在 高德开放平台 申请 API Key。

4.3 文件系统服务

系统内置或第三方提供的文件系统服务,用于读写本地文件。

4.4 配置文件示例

以下是一个包含 MySQL、高德地图和文件系统的配置参考:

{
  "mcpServers": {
    "mysql": {
      "command": "npx",
      "args": ["-y", "@f4ww4z/mcp-mysql-server"],
      "env": {
        "MYSQL_HOST": "localhost",
        "MYSQL_USER": "root",
        "MYSQL_PASSWORD": "你的数据库密码",
        "MYSQL_DATABASE": "beijing_trip"
      }
    },
    "amap-maps": {
      "command": "npx",
      "args": ["-y", "@amap/amap-maps-mcp-server"],
      "env": {
        "AMAP_MAPS_API_KEY": "你的高德 Key"
      }
    },
    "filesystem": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-filesystem", "D:/DESKTOP/MCP"]
    }
  }
}

配置完成后,打开 Settings -> MCP 检查列表,确认状态为 Enabled 且有绿点指示。

五、功能测试

5.1 编写提示词

在 Cursor 对话框中输入自然语言指令,例如:

现在交给你一个任务,编写一个北京一日游的出行攻略:

  1. 从高德地图的 MCP 服务中获取北京站到天安门、天安门到颐和园、颐和园到南锣鼓巷的地铁线路,并保存在数据库 beijing_trip 的表 subway_trips 中;
  2. 从高德地图的 MCP 中获取颐和园、南锣鼓巷附近的美食信息,每处获取三家美食店铺信息,并将相应的信息存入表 location_foods 中;
  3. 在工作目录 D:\DESKTOP\MCP 下创建一个新的文件夹,命名为'北京旅行',在其中创建两个 txt,分别从数据库中将两个表的内容提取出存放进去;
  4. 最后根据 txt 中的内容,生成一个精美的 html 前端展示页面,并存放在该目录下。

5.2 运行效果

输入提示词后,Cursor 会自动调用 MCP 服务:

  1. 连接数据库并执行建表 SQL,无需手动写代码;
  2. 调用高德 API 接口,获取经纬度、地铁换乘方案等数据,插入指定表中;
  3. 操作文件系统,将数据库内容导出为 txt 和 html 文件。

生成的表结构大致如下:

-- auto-generated definition
create table location_foods (
  id int auto_increment primary key,
  location varchar(64) not null,
  name varchar(128) not null,
  address varchar(256) null,
  tel varchar(64) null,
  type varchar(64) null,
  distance varchar(32) null
);

create table subway_trips (
  id int auto_increment primary key,
  start_location varchar(64) not null,
  end_location varchar(64) not null,
  subway_lines text not null,
  duration varchar(32) null,
  distance varchar(32) null
);

最终会生成包含数据的 HTML 页面,直观展示行程规划。

六、实用 Tips

  1. 权限配置:确保 MCP 服务已正确配置 API Key 和数据库权限,否则无法连接。
  2. 目录路径:文件操作需在允许的工作目录下进行,否则会报 Access denied 错误。
  3. 数据安全:涉及敏感信息(如数据库密码、API Key)时,建议使用环境变量管理,避免硬编码在配置文件中。

结语

在 Cursor 中结合 MCP 服务和 AI 助手,可以极大提升开发和数据处理效率。无论是地图数据采集、数据库管理,还是自动化生成前端页面,都能一站式完成。掌握这一工作流,能让 AI 真正成为你的开发副手。

目录

  1. 前言
  2. 一、什么是 MCP 服务?
  3. 二、环境准备
  4. 2.1 基础工具
  5. 2.2 Python - uv
  6. 2.3 Node.js - npx
  7. 三、在 Cursor 中添加 MCP Server
  8. 3.1 全局设置
  9. 3.2 项目级别(推荐)
  10. 四、选择与配置 MCP Server
  11. 4.1 MySQL 服务
  12. 4.2 高德地图服务
  13. 4.3 文件系统服务
  14. 4.4 配置文件示例
  15. 五、功能测试
  16. 5.1 编写提示词
  17. 5.2 运行效果
  18. 六、实用 Tips
  19. 结语
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Canvas 绘制文本并转换为 Base64 图片的实战方法
  • JDK 17 安装与环境配置实战指南
  • 无人机飞控存储方案:全志 MR100 与 CSNP32GCR01-AOW 应用实践
  • 基于 Dify 与 Ollama 部署本地大模型知识库实战指南
  • QtConcurrent 与 QFutureWatcher:实现高效异步计算
  • DeepSeek 以百万年薪招募顶尖 AI 人才
  • apt-get update 和 upgrade 的区别
  • 前端大数据导出优化:解决 Chrome 内存崩溃实战方案
  • C++ queue 类源码实现与逻辑详解
  • 免费 Trae 编辑器实测:i18n 任务排队超千位,AI 编程的边界在哪?
  • C++ STL 红黑树原理与实现
  • WebSite-Downloader 网站整站下载工具使用指南
  • OpenClaw 进阶实战:多智能体协同与自定义 Skill 开发
  • Spring Cloud LoadBalancer 负载均衡实战与原理
  • 新版 VS Code 禁用 Ctrl+I 快捷键调用 Copilot AI 功能
  • Ubuntu 22.04 升级 Node.js 版本方法
  • 飞算 JavaAI 智能编程助手简介
  • learn-claude-code 开源项目解析:AI Agent 原理与实战入门
  • 国内环境部署 OpenClaw 个人 AI 助手搭建指南
  • JBPM 流程定义管理与操作实践

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online