AI辅助编程工具(七) - Cursor

七、Cursor

在前几篇文章中，我们探讨了 GitHub Copilot、通义灵码、Fitten Code 和 CodeGeeX。它们有一个共同点：都是作为**"插件"**嵌入到 VS Code 等编辑器中。这种模式就像是给燃油车加了一个电动马达，虽然能跑，但总觉得差点意思。

如果有一款编辑器，从诞生的第一天起就是为 AI 而设计的，没有历史包袱，体验会是如何？

这就是今天的主角------Cursor。它被无数开发者称为"目前最好的 AI 代码编辑器"，甚至有人说它是"VS Code 的终极进化版"。

Cursor 是一款基于 VS Code 源码深度定制的AI 原生集成开发环境。

请注意，它不是 VS Code 的插件，它是一个独立的软件。

对于前端开发者，Cursor 带来的体验提升是"断层式"的。它有几个独门绝技，是普通插件难以企及的。

这是 Cursor 目前最让前端开发者尖叫的功能。

痛点：前端开发往往是牵一发而动全身。你要新增一个功能，可能需要：新建组件文件、修改父组件引入、更新 TypeScript 类型定义、修改 CSS 样式文件。用 Copilot，你得一个个文件去改。
Cursor 体验 ：按下 Cmd + I（Mac）或 Ctrl + I（Win）唤起 Composer。
- 输入指令："帮我写一个用户卡片组件，包含头像和名字，并在 UserList.tsx 中引入它。"
- 震撼一幕 ：Cursor 会自动创建 新的组件文件，自动修改 UserList.tsx 的 import 语句，甚至自动处理依赖关系。它会呈现一个 Diff 视图，让你一次性审查所有文件的变更，点击"Accept"，所有文件瞬间更新完毕。

普通的 AI 插件通常只能读取当前文件或最近打开的几个文件，上下文非常有限。

Cursor 的补全不仅仅是"补全代码"，它还能"预测你的下一步操作"。

如果你修改了一行变量名，它会自动高亮提示你修改下一行引用了这个变量的地方。你只需要疯狂按 Tab 键，就能完成一连串的修改。这种"心流"体验一旦习惯，就再也回不去了。

既然是独立软件，安装方式自然不同，但依然极其简单。

这是 Cursor 最贴心的设计，解决了"懒得折腾"的问题。

首次启动 Cursor 时，它会提示你是否导入 VS Code 的设置。
点击 "Import"，你的插件、主题、快捷键设置瞬间同步过来。你甚至可以直接在 Cursor 里使用你熟悉的 Vim 插件、Prettier 和 ESLint。

安装汉化插件：

上手 Cursor，你只需要记住这三个快捷键：

Cmd + K (Ctrl + K) ：行内生成/编辑 。
- 选中代码按此键，可以直接输入指令修改代码（如"重构为 Hooks 写法"）。
- 不选中代码按此键，可以生成新代码。
Cmd + L (Ctrl + L) ：Chat 对话 。
- 唤起侧边栏聊天窗口，可以针对选中的代码提问，或者让它查找 Bug。
Cmd + I (Ctrl + I) ：Composer 模式 。
- 神器。用于跨文件编辑、创建新文件或大规模重构。

模型自由选择 ：

Cursor 允许你自由选择底层模型。你可以使用 GPT-4o，也可以切换到 Claude 3.5 Sonnet。很多开发者反馈，Claude 3.5 Sonnet 在写前端代码（尤其是 React 和 Tailwind CSS）方面，表现甚至优于 GPT-4。这是 Copilot 目前无法提供的灵活度。
隐私模式 ：

Cursor 提供了"Privacy Mode"（隐私模式），承诺你的代码不会被存储或用于模型训练，这对于企业级项目来说是一颗定心丸。
开发模式的转变 ：

从"写代码"转变为"指挥代码"。在 Cursor 里，你更多时候是在思考逻辑和架构，然后用自然语言描述给 AI，由它来完成繁琐的键盘敲击。

如果说 Copilot 是给自行车装上了马达，那么 Cursor 就是造了一辆特斯拉。

它让我们看到了 AI 辅助编程的未来：不再是简单的补全，而是全代码库的理解 与多文件的协同操作。对于前端开发者来说，Cursor 极大地降低了维护复杂项目的认知负担。

虽然它目前对个人免费版有一定的次数限制，但其带来的效率提升完全值得你每天去"薅羊毛"，或者为此付费。

如果你厌倦了在 VS Code 里频繁切换窗口，不妨下载 Cursor 试试。也许，这就是你开发工具链的"最后一块拼图"。