一直在使用 Cursor,对开发效率的提升不是一点半点,现在写代码已经离不开 Cursor 了。
最近看到 MCP(Model Context Protocol) 这个功能,都吹的神乎其神,但是就像伟人说的
想知道梨子的味道,就要亲口尝一尝,没有调查就没有发言权
所以还是得亲自使用一下。


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

打开 Cursor Settings,找到 MCP,然后点击 Add new global MCP server
(Cursor 版本为 0.47.x+,0.46.x 设置不太一样,还没有融合 MCP server)。接着就可以配置自己需要的 MCP server。
配置过程可能比较复杂,这里多说一下。先推荐两个 MCP 资源 Smithery - Model Context Protocol Registry 和 awesome-mcp-servers,可以找下自己需要的服务,当然也可以自己本地开发。
配置文件示例 mcp.json
:
MCP server
这里以 Smithery - Model Context Protocol Registry 资源库为例,配置一个 sequential-thinking 的 MCP server。我们先找到 sequential-thinking 这个 MCP server。

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

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

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

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


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

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