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

Cursor 中 MCP 服务配置与使用指南

Cursor MCP 服务支持调用地图、数据库等外部 API。演示环境准备(Python、Node.js)、mcp.json 配置方式(全局/项目级),集成 MySQL 与高德地图服务,并通过自然语言指令实现数据采集、存储及前端页面生成全流程。涉及权限配置、路径设置及安全注意事项,旨在提升 AI 驱动的开发效率。

dehua dong发布于 2026/3/15更新于 2026/8/2240 浏览
Cursor 中 MCP 服务配置与使用指南

前言

随着 AI 编程助手的普及,越来越多开发者选择在 Cursor 等智能 IDE 中进行高效开发。Cursor 不仅支持代码补全、智能搜索,还能通过 MCP(Multi-Cloud Platform)服务,轻松调用如高德地图 API、数据库等多种外部服务,实现数据采集、处理和自动化办公。 本文以'北京一日游自动化攻略'为例,详细讲解如何在 Cursor 中使用 MCP 服务,完成数据采集、数据库操作、文件生成和前端页面展示的全流程。

一、什么是 MCP 服务?

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

二、环境准备

2.1 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,并配置环境变量,如下图:

在这里插入图片描述

三、在 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

选择平台:https://smithery.ai/ 填写信息将 JSON 信息复制到 mcp.json 文件中。

在这里插入图片描述

在这里插入图片描述

可能粘过来不好使,需要找到 GitHub 链接,从 GitHub 上粘贴:

在这里插入图片描述

在这里插入图片描述

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

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

4.2 高德地图服务

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

在这里插入图片描述

在这里插入图片描述

申请高德地图的 API:https://console.amap.com/

在这里插入图片描述

在这里插入图片描述

4.3 Filesystem 服务

在这里插入图片描述

4.4 配置参考

{
  "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 提供提示运行 MCP 命令,即可

  1. 输入自然语言后,Cursor 会自动调用 MCP 服务,连接数据库并执行建表 SQL,无需手动写代码;
  2. 自动调用 MCP 的高德 API 接口,获取经纬度、地铁换乘方案等数据,将获取到的数据插入到指定表中,无需手动写 INSERT 语句;
  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
);

效果图:

在这里插入图片描述

六、实用 Tips

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

结语

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

目录

  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 Filesystem 服务
  14. 4.4 配置参考
  15. 五、功能测试
  16. 5.1 参考提示词
  17. 5.2 提供提示运行 MCP 命令,即可
  18. 六、实用 Tips
  19. 结语
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

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

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

更多推荐文章

查看全部
  • AI 大模型产品经理转行指南:核心能力与实战路径
  • 腾讯大模型算法实习生面试题及解析
  • C++ GESP 七级核心考点与算法实战指南
  • 前端如何查看接口调用、传参及返回结果
  • OpenClaw 开源个人 AI 助手部署指南:一键脚本 Docker npm 安装与中文配置
  • 前端地图开发基础:服务类型、坐标系与 SDK 选型
  • 基于龙卷风优化算法的多无人机协同路径规划及 Matlab 实现
  • 国内如何付费升级 GitHub Copilot 专业版
  • Llama-2-7B 在昇腾 NPU 上的性能测评与部署实践
  • Rust WebAssembly 与 Three.js 结合的 3D 数据可视化实战:高性能粒子系统
  • 本地部署 LLaMA-Factory 全指南
  • 五大生成模型全方位对比
  • MS-S1 MAX 与 AI MAX 395 在 Ubuntu 24 使用 Vulkan llama.cpp 运行 GPT-OSS 120B
  • LLM 提示工程技巧总结:从 Zero-Shot 到 Chain-of-Thought
  • AI 操作手机引发行业震动:GUI Agent 技术对职场的影响与思考
  • VSCode Copilot 无法登录原因分析及快速恢复指南
  • FPGA 面试题汇总(一)
  • Qt Creator 集成 GitHub Copilot AI 辅助编程插件配置指南
  • JDK 1.8 在 Windows 系统下的安装与配置教程
  • Linux GCC/G++编译器:从源码到可执行文件的全流程解析

相关免费在线工具

  • 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