如何在Cursor中使用MCP服务

如何在Cursor中使用MCP服务

前言

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

学习视频cursor中使用MCP服务

一、什么是MCP服务?

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

二、环境准备

2.1 cursor

在这里插入图片描述


Cursor重置机器码-解决Too many free trials.

2.2 python - uvx

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

pip install uv 

若没有配置Python环境
在Windows下可以通过PowerShell运行命令来安装:

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

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

Read more

OpenClaw dashboard命令后,无法登录web控制面板(在systemd服务无法启动的一些虚拟机里会碰到)

OpenClaw dashboard命令后,无法登录web控制面板(在systemd服务无法启动的一些虚拟机里会碰到)

先上结论 执行OpenClaw dashboard命令后,无法登录web控制面板,是因为OpenClaw的gateway服务没有起来。原来小龙虾OpenClaw 的命令没有学明白,先弄清楚命令: openclaw onboard 是配置 openclaw dashboard是显示web控制面板登录信息 openclaw gateway --verbose 是启动网关 openclaw gateway start是启动网关服务 问题就是因为这台系统的systemd没有起作用,导致openclaw的gateway服务没有起来,所以控制面板无法登录。 OpenClaw status Overview ┌─────────────────┬───────────────────────────────────────────────────────────────────────────────────────────────────┐ │ Item │ Value │ ├─────────────────┼────────────────────────────────────

By Ne0inhk

day20|学习前端

{{}}。相当于innerText v-bind:attr绑定属性值。 hooks是一个一个可以调用的函数。composition API 返回对象+解构 const{ sum,add,bigSum}=useSum() 一般组件放到components。路由组件放到pages,views文件夹 to路由:1、字符串写法。2、对象写法(name跳转,path跳转) 集中式状态(数据)管理pinia,redux,vuex 把共享的数据交给集中式管理, pinia落地的东西,就是store v-bind单项绑定。v-model双向绑定   function不缓存,computed计算属性缓存,只有依赖变才重新计算。 computed计算属性函数,根据已有响应式数据计算出新值,具有缓存的功能。 watch 入口文件main.ts App.vue根组件 一般组件导入和使用的方法 插值语法 vue3可以写vue2语法,在vue3里,选项式和组合式是共存的。旧语法可以读出setup东西,

By Ne0inhk
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?

深入剖析:按下 F5 后,浏览器前端究竟发生了什么?

文章目录 * 概述 * 一、关键前提:三种导航方式的本质区别 * 二、核心概念:强缓存 vs 协商缓存 * 1. 强缓存(Strong Caching) * 2. 协商缓存(Revalidation Caching) * 三、F5 刷新全景流程图 * 四、F5 刷新的完整生命周期详解 * 阶段一:主文档(HTML)的缓存验证与获取 * 阶段二:HTML 解析与渲染流水线(Critical Rendering Path) * 阶段三:子资源(CSS/JS/IMG)的缓存处理 * 五、对比总结:F5 与其他操作的本质差异 * 六、给前端开发者的实践建议 * 七、结语 概述 在前端开发中,

By Ne0inhk

Flutter 三方库 deepyr 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、高颜值的类型安全 daisyUI 响应式 Web 应用架构

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 deepyr 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、高颜值的类型安全 daisyUI 响应式 Web 应用架构 在鸿蒙(OpenHarmony)系统的分布式 Web 容器、轻量级 JS 服务或高性能 Web 控制台中,如何快速搭建一套既符合现代审美又具备强类型约束的 UI?deepyr 做为对 daisyUI 组件库的类型安全(Typesafe)封装,为鸿蒙上的 Jaspr Web 应用提供了极致流畅的开发体验。本文将带您领略其在鸿蒙生态中的美学实战。 前言 什么是 Deepyr?它是一套基于 Jaspr(下一代 Dart Web 框架)的 UI

By Ne0inhk