在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程p 随着 AI 编程助手的普及 越来越多开发者选择在 Cursor 等智能 IDE 中进行高效开发 Cursor 不仅支持代码补全 智能搜索 还能通过 MCP Multi Cloud Platform 服务 轻松调用如高德地图 API 数据库等多种外部服务 实现数据采集 处理和自动化办公 p p 本文以 p

大家好,我是讯享网,很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



 

随着AI编程助手的普及,越来越多开发者选择在Cursor等智能IDE中进行高效开发。Cursor不仅支持代码补全、智能搜索,还能通过MCP(Multi-Cloud Platform)服务,轻松调用如高德地图API、数据库等多种外部服务,实现数据采集、处理和自动化办公。

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

学习视频:cursor中使用MCP服务

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

在Cursor中使用MCP服务图文教程

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

pip install uv

若没有配置Python环境

在Windows下可以通过PowerShell运行命令来安装:

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

使用 uv --version 和 uvx --help 检查是否安装成功,若和下图一样代表安装成功

在Cursor中使用MCP服务图文教程

在官网下载node.js,并配置环境变量,如下图:

在Cursor中使用MCP服务图文教程

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

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

在Cursor中使用MCP服务图文教程

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

在Cursor中使用MCP服务图文教程

选择平台:https://smithery.ai/

填写信息将JSON信息复制到 mcp.json 文件中

在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程

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

在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程

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

注意:验证是否生效

将MCP服务信息填在mcp.json 文件中后,需要打开 Settings -> MCP 检查你配置的 MCP Server 是否在列表中显示,并确认

绿点 且状态为 Enabled

在Cursor中使用MCP服务图文教程

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

在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程

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

在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程

在Cursor中使用MCP服务图文教程

{ 

    "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(保存地址自行修改)"             ]         }     } }

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

在Cursor中使用MCP服务图文教程

自己创建的数据表和插入的数据

在Cursor中使用MCP服务图文教程

-- 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 );

效果图:

在Cursor中使用MCP服务图文教程

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

小讯
上一篇 2026-04-03 21:26
下一篇 2026-04-03 21:24

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/224257.html