【前端必读】一、使用 Cursor 的基本功能全教程（使用与安装）
【前端必读】二、使用 Cursor 的基本功能全教程（快捷键及其他功能）

一、使用 Cursor 的基本功能教程（使用与安装）

这篇教程主要讲解了如何使用 Cursor 的基本功能。

简单介绍 Cursor

Cursor 是由 Anysphere 实验室开发的一款代码编辑器。它是在 VSCode 的基础上进行修改和衍生的，因此你可以将 VSCode 上的所有配置无缝导入到 Cursor 中。如果你习惯使用 VSCode 进行开发，那么迁移到 Cursor 会非常方便。

Cursor 与 VSCode 最大的区别在于它内置了 AI 协作功能。为了实现这一点，Cursor 对 VSCode 进行了多项改进，使得使用体验比在 VSCode 上使用类似 GitHub Copilot 的插件更加流畅。可能这样说有些抽象，下面我将通过与 Github Copilot 的对比来说明。

在 VSCode 中，Github Copilot 是以插件的形式导入的：

使用时，Copilot 的辅助主要集中在以下几个方面：代码补全、类似于GPT的对话窗口，以及代码的生成与重写。

代码补全是我最喜欢的 Copilot 核心功能。当我编写代码时，它能够自动推测出后续内容，只需按下 Tab 键即可接受建议。

以我当前正在撰写的文档为例，GitHub Copilot 的代码补全展现了其最大的优势：沉浸式体验。我可以轻松地重写样板代码，无需离开编辑器，也不必复制粘贴已有代码——尽管不谈生成效果，但实际上在大多数情况下，它确实能生成我所期望的代码。

此外，类似于 GPT 的对话窗口的优点在于，可以方便地将当前编辑的代码上下文同时提交给大模型，从而获得更优质的生成效果。

最后是编辑器内的代码生成与重写功能。这一功能可以通过 VSCode 的小灯泡（正式称为 Code Action，旨在对代码进行特定操作）来触发。

选择使用 Copilot 进行修改时，会出现一个相应的提示输入框，你可以输入类似于 /doc 的命令，以协助 Copilot 生成文档或更有效地对你的代码进行修改和重写。

关于 GitHub Copilot 的代码生成和重写功能，虽然看起来非常出色，但我个人的使用体验并不理想。因为它在大多数情况下会重新生成一段代码，这让我不得不删除原有的代码…可以说，我主要是因为其代码补全功能而使用 Copilot。

而 Cursor 的使用体验则显得格外出色。对于 Copilot 做得好的地方，Cursor 表现得更为卓越；而在 Copilot 表现不佳的方面，Cursor 则趋近于完美。

在代码补全方面，我的个人体验显示其准确性更高。Copilot 经常无法完整生成封闭的代码块（例如无法正确配对 (){}），而 Cursor 很少出现这种问题。

至于对话窗口，Copilot 与 Cursor 相比简直不值一提，因为 Cursor 生成的代码可以直接应用到你的代码中：

Cursor 的对话窗口应用功能中的“apply”选项，能够将其修改后的代码直接应用到你的代码中。

Cursor 能够直接将修改内容应用到代码的原因在于，它对模型进行了微调，使得 LLM 输出类似 Git 的 diff 格式。借助这种 diff 格式，它能够准确地修改特定的代码段。

Cursor 可以在一次对话中方便地传递多个源代码文件，或者扫描整个项目的代码库（通过按下 ctrl + enter），提取相关内容作为向大模型询问的上下文，从而获得更精准的回答。

可以通过相关 UI 快速添加相关文件，按下 ctrl + enter 会基于代码仓的代码进行对话。

生成和索引速度非常流畅，Cursor 类似于 JetBrains，通过对代码仓库建立索引。不过，它的索引采用了向量化（embeddings，习惯上称为向量内嵌，但我更喜欢称之为向量化），因此在索引过程中可以方便地进行相似性搜索，从而实现更优的生成效果。

Cursor 的基本使用与安装

要使用 Cursor，请访问它的官网：Cursor 进行下载。下载后需要账号才能使用，支持 Google 和 GitHub 。

Cursor 采用订阅模式。新用户可以享受两周的 Pro 试用。若要 Pro，每月需支付约 20 美元（大约一百四十，价格会有所浮动）。虽然它确实好用，但美刀稍高也是事实。

安装完成后，Cursor 在首次启动时会提示你是否导入 VSCode 的配置，导入后，你基本上就得到了一个 AI 增强版的 VSCode。

Cursor 的索引功能

此外，Cursor 内置了一些便捷的快捷键，后文中我会详细介绍这些功能。

总而言之，简单明了地说：Cursor 的使用体验远超 Copilot。

根据我之前开发 VSCode 插件的经历，Copilot 体验不佳的原因主要是受到作为 VSCode 插件的限制，而 Cursor 是经过深度改造的编辑器，因此许多受限的功能得以大胆实现，这也解释了 Cursor 表现出色的原因。

【前端必读】一、使用 Cursor 的基本功能全教程（使用与安装）
【前端必读】二、使用 Cursor 的基本功能全教程（快捷键及其他功能）