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

Cursor 集成 MCP 服务:从环境搭建到实战应用

Cursor 通过 MCP(Model Context Protocol)协议扩展 AI 能力,支持调用地图、数据库等外部服务。演示了从零搭建环境、配置全局或项目级 MCP Server,并结合高德地图 API 与 MySQL 实现北京旅游攻略数据自动采集与页面生成的完整流程。重点涵盖 npx 工具链安装、mcp.json 配置细节及权限注意事项,帮助开发者快速上手 AI 驱动的数据处理工作流。

星辰大海发布于 2026/3/15更新于 2026/8/134 浏览
Cursor 集成 MCP 服务:从环境搭建到实战应用

引言

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

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

一、什么是 MCP 服务?

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

二、环境准备

2.1 Python 与 uvx

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

pip install uv

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

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

使用 uv --version 和 uvx --help 检查是否安装成功。

2.2 Node.js 与 npx

前往 Node.js 官网 下载并配置环境变量。

Node.js 环境配置示例

三、在 Cursor 中添加 MCP Server

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

3.1 全局设置

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

全局设置入口

3.2 项目级别(推荐)

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

项目级配置入口

四、选择 MCP Server 平台

4.1 MySQL

参考平台:Smithery。将 JSON 信息复制到 mcp.json 文件中。

MySQL 配置示例

如果粘贴后无法生效,建议找到 GitHub 链接直接复制源码内容。

GitHub 源码

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

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

4.2 高德地图服务

高德地图的 MCP Server 可从 MCP.so 平台获取。

高德 MCP 获取

申请高德地图 API Key:高德开放平台。

API Key 申请

4.3 文件系统服务

文件系统配置

4.4 配置参考

将以下配置整合到 mcp.json 文件中,注意替换实际的密码和路径:

{
  "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 提示词示例

我们可以尝试用自然语言下达任务:

现在交给你一个任务,编写一个北京一日游的出行攻略:
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
);

-- auto-generated definition
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 页面效果图:

HTML 效果图

六、实用 Tips

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

结语

在 Cursor 中结合 MCP 服务和 AI 助手,可以极大提升开发和数据处理效率。无论是地图数据采集、数据库管理,还是自动化生成前端页面,都能一站式完成。希望这篇指南能帮助你快速上手 AI 驱动的高效开发工作流。

目录

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

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

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

更多推荐文章

查看全部
  • Vivado 与 ModelSim 联合仿真环境配置与实战调试
  • 人工智能(AI)常见面试题及答案汇总
  • 鸿蒙(HarmonyOS)开发开源学习教程
  • 递归与搜索算法实战:汉诺塔、链表与快速幂
  • 超越宏与指针:用现代C++思想重构STM32寄存器访问模式
  • C/C++ 动态规划:二维路径问题实战
  • Android 网络请求框架封装实战:基于 ViewModel + Retrofit + RxJava
  • GitHub Copilot Pro 学生认证配置指南
  • Docker 常用命令指南
  • IntelliJ IDEA 打包 Web 项目 WAR 包及 Tomcat 部署指南
  • OpenVLA 在机器人平台上的微调与部署指南
  • VR 模拟道德困境:AI 伦理测试的新范式
  • 基于 WebGIS 与百度天气接口的复古天气预报系统构建
  • TypeScript 核心概念与面试实战指南
  • C++ 哈希表封装实战:unordered_map/set 底层原理与完整实现
  • Kubernetes 调度 RTX 4090D 节点部署 PyTorch 2.8 运行 AIGC 任务
  • C++ 实现 DLL 注入原理与源码示例
  • 国产开源时序数据库 IoTDB 选型指南与核心功能解析
  • Ubuntu 22.04 下 libwebkit2gtk-4.1-0 安装全记录:从踩坑到落地
  • 详解高速 ADC 的串行 LVDS 数据捕获与接口设计

相关免费在线工具

  • 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