Cursor 使用 MCP server 提高开发效率

Posted on
网络技术 AI Cursor | 共 720 字,阅读约 2 分钟,浏览了

一直在使用 Cursor,对开发效率的提升不是一点半点,现在写代码已经离不开 Cursor 了。

最近看到 MCP(Model Context Protocol) 这个功能,都吹的神乎其神,但是就像伟人说的

想知道梨子的味道,就要亲口尝一尝,没有调查就没有发言权

所以还是得亲自使用一下。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-IK3pswCfzdOh.png Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-ykZuMifdsV2j.png

配置

先看下在 Cursor 内如何配置 MCP 吧。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-9H76GTucpbNB.png

打开 Cursor Settings,找到 MCP,然后点击 Add new global MCP server(Cursor 版本为 0.47.x+,0.46.x 设置不太一样,还没有融合 MCP server)。接着就可以配置自己需要的 MCP server。

配置过程可能比较复杂,这里多说一下。先推荐两个 MCP 资源 Smithery - Model Context Protocol Registryawesome-mcp-servers,可以找下自己需要的服务,当然也可以自己本地开发。

配置文件示例 mcp.jsonCursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-LXHAvOcVMskI.png

MCP server

这里以 Smithery - Model Context Protocol Registry 资源库为例,配置一个 sequential-thinking 的 MCP server。我们先找到 sequential-thinking 这个 MCP server。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-dT3zf4t3GbMg.png

然后点击查看配置,按照以下步骤复制对应代码,然后粘贴到上面提到的 mcp.json 配置中。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-0BbQcuJ1xpJA.png

保存 mcp.json,接着只要喝口茶等待一会,当前 MCP server 安装成功的话状态指示会从黄色变为绿色,如下图。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-ELlNA4SYHywZ.png

到此,在 Cursor 内的 MCP server 的配置就完成了。

使用

这时我们就可以在 Cursor 的 Agent 里使用了。现在我问一个“使用思考能力,帮我想一下时间是什么”的问题,这时候 Agent 会调用 sequential-thinking 这个 MCP server,并返回结果,如下图。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-5E4AqdMlew6D.png

示例

再看两个案例,一个是 browser-tools-mcp: Monitor browser logs directly from Cursor and other MCP compatible IDEs.,用来和 Chrome 浏览器进行交互,可以获取 Chrome 当前访问页面开发工具里的一些信息,比如控制台日志,网络请求等。还能给当前页面截图,效果如下。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-XtPJc5Aamujz.png Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-YvQSNOJLbgky.png

另外一个是比较简单的获取新闻数据,因为是本地开发,所以做了一些改动,先看下效果

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-8LMXT4DYyY1g.png

具备了本地开发能力后,定制化能力就变得更大。而且本地开发只需要 node xxx.js,对于前端来说再熟悉不过了。

Cursor 使用 MCP server 提高开发效率 https://img.1953615.xyz/images/2025-03-19-BmxRjIxRUQLy.png
📝 评论
评论区加载中,请稍等