跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.jsAI大前端

在 Cursor 中配置并使用 MCP 服务实战指南

演示了如何在 Cursor 编辑器中配置和使用 MCP 协议,通过集成 MySQL、高德地图及文件系统服务,实现自动化数据采集与处理。教程涵盖环境搭建、mcp.json 配置文件编写、多服务接入及实际 Prompt 调用案例,展示了如何利用 AI 自动完成建表、数据写入及 HTML 页面生成,帮助开发者快速构建智能化工作流。

星落发布于 2026/3/15更新于 2026/8/1937 浏览
在 Cursor 中配置并使用 MCP 服务实战指南

前言

如今,AI 编程助手已成为开发者的标配。Cursor 不仅支持代码补全和智能搜索,还能通过 MCP(Model Context Protocol)协议轻松调用高德地图 API、数据库等多种外部服务,实现数据采集、处理和自动化办公。

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

一、什么是 MCP 服务?

MCP(Model Context Protocol)是 Cursor 内置的多工具接口标准,支持调用地图、数据库、文件系统等多种能力。通过 MCP,开发者无需手动编写 HTTP 请求或繁琐配置,只需在对话中描述需求,AI 助手即可自动调用相关服务,极大提升开发效率。

二、环境准备

2.1 Cursor

确保已安装最新版本的 Cursor IDE。

Cursor 界面示意

2.2 Python 与 uvx

若已配置 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 命令。

Node.js 配置示意

三、在 Cursor 中添加 MCP Server

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

3.1 全局设置

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

全局设置入口

3.2 项目级别(推荐)

在项目目录的 .cursor 文件夹中新建 mcp.json 文件进行配置,仅对特定项目生效。

项目级配置

四、选择 MCP Server 的平台

4.1 MySQL

可以从官方仓库获取 MySQL 的 MCP Server。将 JSON 信息复制到 mcp.json 文件中。

注意:这个 MySQL MCP 服务需要提前建好数据库,否则无法连接。

提示:验证是否生效 将 MCP 服务信息填在 mcp.json 文件中后,需要打开 Settings -> MCP 检查你配置的 MCP Server 是否在列表中显示,并确认有绿点且状态为 Enabled。

4.2 高德地图服务

高德地图的 MCP Server 需要从官方平台获取。申请高德地图的 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"]
    }
  }
}

五、功能测试

5.1 提示词示例

输入自然语言指令,让 AI 自动编排任务。例如:

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

5.2 运行效果

  1. 输入自然语言后,Cursor 会自动调用 MCP 服务,连接数据库并执行建表 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
);

六、实用 Tips

  1. 权限配置:确保 MCP 服务已配置好 API Key 和数据库权限。
  2. 目录路径:文件操作需在允许的工作目录下进行,否则会报 Access denied。
  3. 数据安全:涉及敏感信息时,注意数据库和 API 密钥的保护,避免硬编码在代码中。

结语

在 Cursor 中结合 MCP 服务和 AI 助手,可以极大提升开发和数据处理效率。无论是地图数据采集、数据库管理,还是自动化生成前端页面,都能一站式完成。如果你也想体验 AI 驱动的高效开发,不妨在 Cursor 中试试 MCP 服务吧!

目录

  1. 前言
  2. 一、什么是 MCP 服务?
  3. 二、环境准备
  4. 2.1 Cursor
  5. 2.2 Python 与 uvx
  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

更多推荐文章

查看全部
  • C++ 网络编程详解
  • Linux 命令行进度条实现原理解析
  • AI 大模型时代:35 岁以上程序员的职业发展路径
  • Qwen 3.5 MoE 本地部署:用 Ollama 跑起来并调用 API
  • 前端 CI/CD 流程与自动化部署实践
  • SWE-CI:基于持续集成评估智能体代码维护能力
  • 基于大疆 SRT 数据的高精度 AR 视频投射方案
  • 深入理解 JSON Web Token (JWT)
  • LIBERO 数据集:终身机器人学习基准测试平台
  • Kimi K2.5 开源模型发布:Agent 集群与视觉编程实测
  • DankDroneDownloader:无人机固件下载与管理工具
  • 动态规划:最长递增子序列变体解析
  • Github 2FA 认证失效解决方案及账号恢复指南
  • C++ 一级 2023 年 03 月 GESP 认证试题及解析
  • AI 业务架构搭建方法与关键实践
  • Hunyuan-MT-7B-WEBUI 远程访问配置与安全策略
  • AI 绘图引擎 Prompt 写作技巧与参数调优实战
  • 基于 Go 与 LLM 的智能 AIOps 监控系统实战
  • 基于 Java 的消息队列选型:RabbitMQ、RocketMQ、Kafka 实战对比
  • C++ 无锁队列(Lock-Free Queue)详解

相关免费在线工具

  • RSA密钥对生成器

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

  • Mermaid 预览与可视化编辑

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

  • 随机西班牙地址生成器

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

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online