认识 Cursor

Cursor是Microsoft Windows、MacOS和Linux平台上的一款由人工智能驱动的专有集成开发环境。它拥有代码生成、智能重写和代码库查询等具有人工智能的功能。简而言之,它是一款结合AI的代码编辑器,上手的难度并不高。了解笔者整理的这些内容,我们甚至可以零代码实现我们的构想。

Cursor 编辑器标志

Cursor 官网:https://www.cursor.com/

核心功能和技巧

1. 快捷键

  • Tab: 代码编写过程中,自动补全代码
  • Cmd/Ctrl + K: 1️⃣ 在编辑代码时,用该快捷键可以在当前文件中打开对话,支持生成代码片段/重构/解释代码。 2️⃣ 终端(终端唤起快捷键:Cmd/Ctrl + J)内使用该快捷键,可以通过输入自然语言提交代码/查询文件/IP/端口等。
  • Cmd/Ctrl + L: 显示/隐藏右侧chat区域,进行多轮对话,不会指定对话模式(Ask/Manual/Agent)
  • Cmd/Ctrl + I: 显示/隐藏右侧chat区域,进行多轮对话,指定对话模式Agent

使用 / 命令可快速通过自然语言生成代码。只需描述你想要实现的功能,Cursor 会帮你编写代码。

这四种快捷方式是我们实际进行提效时,最常用的快捷方式。更多的快捷方式我们可以通过Cmd/Ctrl + R 和 Cmd/Ctrl + S唤起命令面板查看。

上面提到的对话方式,可以在chat区域选择。我通常在需要小知识点查询时,选择ask。其他情况选择Agent。图片中是它们的特点和适用场景,大家可以用相似的对话感受一下他们的不同。

AI代码生成

2. 配置 MCP

在Cusor Setting中选择MCP,可以配置MCP Server。不同的Server 配置可能略有不同。以EdgeOne Pages Sever MCP为例,需要在本地先下载18版本及以上nodejs,然后复制官方提供的配置信息到MCP.json文件即可。

智能代码编辑

像下方这样就部署成功了。

智能代码编辑

获取各种MCP Server的网站

  • mcp.so
  • awesome-mcp-servers(属于百花齐放,有爱好者自主开发的,也有官网服务提供的,大家可以自行选择。)

3. 配置 Rules

Rules可以帮助你定制 AI 的行为,使其生成更符合你需求的代码。其实就是比较完整详实的prompt。目前官方提供三种方式:

  • User Rules是一种类似于系统提示(system prompt)的功能。通过在设置中填写规则,这些规则会在 Cursor ChatCtrl/Cmd K 操作时默认生效。
  • Project Rules 是项目规则,只针对当前项目生效。实际就是当前项目根目录下的.cursor/rules文件。
  • Notepads 是笔记规则,只针对当前项目生效。
智能代码编辑

至于怎么编写,笔者在后续的实战项目中也会介绍。现在也有很多成熟的rulesList模版可供参考

智能代码编辑

4. 添加上下文

可以通过 Add context 添加上下文之,也可以通过 @ 灵活选择上下文,甚至可以拖动选择上下文。这里解释几种常用模式:

  • Files: 基于文件上下文进行提问,直接直接把文件拖拽到聊天作为上下文。 如果文件分布很散且多,在聊天窗口按下 /即可唤醒上下文,直接关联目前所有打开的文件或者被激活的文件。(文件比较散时,亲测有效)
  • Folders: 基于目录作为上下文,同样支持目录拖拽,非常方便。
  • Code: 基于具体的代码块作为上下文,更方便的做法是先选中然后 Command + L/I。
  • Codebase: 将整个项目作为上下文(仅限 Chat ),与 command + enter 功能相同,我们可以 @codebase 后回车询问本地项目中感兴趣的问题。
  • Git: 基于 Git 历史 commit 快速了解代码变化或者提交信息,比如撤销某个提价,或者对比两个commit的差异。
  • Summarized Composers: 与之前 AI 问答的历史记录进行对话
  • Docs: 基于文档作为上下文,比如我们项目使用了 react,我们可以将 react 官方文档保存为文档,后续方便提问。
  • Web: 类似 deepseek 联网,获取互联网最新信息作为辅助上下文进行提问。
  • Lint errors: 询问代码中的语法错误和潜在问题。
  • Recent Changes: 自动跟踪代码库最近更改作为上下文。
  • Cursor Rules: 基于 Cursor 的自定义规则和设置对话,关于规则下面有介绍。
  • URL: 直接在对话区域输入URL, 可以将网页内容作为上下文。或者为我们整理页面内容。
  • 图片: 往对话区域拖图UI图片,可以要求它复现。最好把页面功能分成小块截图输入,直接给完整的UI截图,复原效果相比前者会差很多。

项目实践

笔者正在整理,欢迎关注

视频教程

Cursor编辑器教程视频封面

Cursor编辑器实用教程

这个视频详细介绍了Cursor编辑器的各种功能和使用方法,包括AI代码生成、智能代码编辑等核心功能的实际操作演示。

前往B站观看