最终!我还是抛弃了 VSCode 这个开发工具

一. 背景

VSCode 作为一个老牌的前端开发者的工具,受到了广大使用者的好评!自从入行以来,就一直在使用 VSCode,可以说是忠实用户了。

大概去年10月份,我抱着试试看的心态,下载了 Cursor,一经上手使用,却再也离不开它了,直呼这工具实在是太智能了!(它好像能够预测到我下一步要干啥)

作为一名软件开发程序员,本篇文章将展示我在实际开发软件过程中,使用 Cursor AI 开发工具的一些心得和体会。

二. Cursor 是什么?

Cursor 是一款搭载 AI 的智能代码编辑器,可以理解为"会思考的 VS Code"。它不仅能像传统编辑器一样写代码,还能实时分析你的代码意图,像编程助手一样主动提供建议、自动补全甚至重构代码,让开发效率翻倍!

Cursor 的三大核心优势

  • 智能工作流:能记住你的编码习惯,理解项目结构,像老搭档一样默契配合
  • 实时协作感- 就像有个编程高手坐在旁边,随时帮你检查错误、优化代码
  • 安全可靠:代码数据不存储云端,提供隐私模式并通过国际安全认证

下面让我们来深入了解 Cursor 的主要功能,以及它们如何让你的编码体验变得更好。

三. Cursor 特色功能

以下是一些 Cursor 的特色功能,来展示它在软件编码开发过程中,是如何显著提升效率的?

1. 智能预测键 Tab

Cursor 的 Tab 键是你用过最智能的。它不仅能完成单行代码补全,还能对代码进行深入分析,预测你的下一步操作,并跨多行提出建议。同时,它也会考虑到最近的更改和整个项目的上下文环境,提供更加智能的代码编辑体验。

  • 跨行代码生成:写个函数开头,它能自动补全整个功能模块(比如自动生成表单验证逻辑)
  • 多光标编辑:同时修改多处相似代码,就像拥有"影分身之术"
  • 错误修正:拼写错误秒变正确代码,比自动纠错强 10 倍
  • 光标跳转预测:写完当前行,自动跳转到最可能需要编辑的下个位置

代码生成

Cursor 能够深入理解你的编程意图,并自动生成所需的代码,提供智能编辑建议。

高效多行编辑

Cursor 支持多行编辑,能够一次性提出多项建议,从而提高编程效率与专注度。

智能代码重构

Cursor 提供智能修正功能,能够实时识别并纠正拼写和语法错误,从而提升代码的质量和可靠性。

智能光标定位

Cursor 的智能光标定位功能能够预测并定位到下一个编辑位置,从而提高编辑效率和体验。

2. 魔法快捷键 ⌘ K

Cursor 的 ⌘ K 快捷键是你高效开发的超能力!选中代码按 ⌘K,解锁以下功能:

  • 代码变形:"把这段循环改成递归写法" → 自动重写
  • 功能生成:"写个登录接口" → 生成完整 REST API 代码
  • 即时问答:"为什么这里要用闭包?" → 获得专业解释
  • 文档速查:忘记 API 用法?直接问比查文档更快

按需代码生成

Cursor 的代码生成功能可以根据你的需求快速生成代码,从模板代码到复杂算法,无所不能。

轻松代码编辑

Cursor 的代码编辑功能可以让你轻松修改代码。只需选中代码,按下⌘ K键,并指定修改内容,Cursor 就会自动完成这些更改。

快速提问,即时回答

Cursor 的快速提问功能可以让你快速获得答案。只需选择代码,按下⌘ K键,并提出问题,Cursor 就会提供即时的、上下文感知的答案。

3. 会说话的 AI 终端

Cursor 的 AI 功能不仅限于代码编辑器,还扩展到了内置终端。通过⌘ K快捷键,用户可以使用自然语言描述操作需求,Cursor 能够精准地将其转换为相应的命令执行。

在命令行中,用户也可以使用自然语言:

  • 输入"列出今天修改过的文件" → Cursor 会自动转换成 find 命令
  • 输入"监控内存使用" → Cursor 会生成实时监控脚本
  • 遇到报错直接粘贴 → Cursor 的 AI 会解释原因并提供解决方案

例如,我们不需要记住 find 命令的语法,只需要输入"查找近 24 小时内修改的文件",Cursor 就会自动高效完成任务。

4. 智能代码对话 ⌘ L

Cursor 的智能代码对话功能比传统的 AI 对话更智能、更便捷!

上下文感知的对话

Cursor 的 AI 对话不仅仅是一个简单的对话窗口,它能够理解当前所在的文件及光标位置

比如,对于不确定的代码,只需询问:"此处是否存在 bug?"即可获得基于实际代码的答复。

即时代码应用

当对话窗口中的代码正是你所需时,无需手动复制粘贴,只需轻轻一击,即可将其直接应用到你的代码中。

图像支持

在某些情况下,单靠代码可能无法充分表达你的想法。例如,UI 设计图或系统结构图能够更直观地传达你的概念。Cursor 的对话功能支持直接将这些图像拖入聊天框,系统能够智能理解图像内容。

5. Composer ⌘ I

尽管 TabAI 对话⌘ K 在代码编写与编辑方面表现出色,但 Composer 将这一体验提升到了全新的高度。

应用生成

想象一下,只需简单描述一个应用创意,便能亲眼见证其逐步实现。这正是 Composer 的独特魅力所在。

无论是进行原型设计、构建概念验证,还是复制现有应用,Composer 都能在短短几分钟内生成一个功能齐全的代码库。它不仅仅是编写代码,更是在创建完整的应用程序,包括所有必要的导入语句和样板代码。

多文件处理能力

Composer 的功能不仅限于单个文件的处理,它能够在整个项目中高效管理各种改动。例如,当你在开发应用并希望重新整理代码库以引入新的库时,Composer 将大显身手,轻松应对复杂的重构任务。

Composer 提供了两种灵活的界面选项:

  • 浮动窗口(+I):一个可移动且可调整大小的窗口,方便你在处理其他事务时随时使用 Composer,特别适合多任务处理。
  • 全屏模式(+SHIFT+I):当需要全面审视项目时,此模式提供三个面板,营造出一个完整的工作环境。

四. Cursor 拓展说明

1. 上下文感知

Cursor 的上下文感知能力使其在众多 AI 编码工具中脱颖而出。它不仅能识别你正在处理的文件,还能理解整个代码库。这种深刻的理解是 Cursor 提供精准和相关帮助的强大驱动力。

Cursor 利用@符号在 AI 交互中引用多种上下文,无论是在使用 ⌘ K、AI 对话还是 Composer,@符号都能帮助你迅速访问文件、代码片段、文档等内容。

常用的 @ 功能包括:

  • @Files:引用项目中的完整文件。
  • @Folders:引用整个文件夹。
  • @Code:引用代码的特定部分。
  • @Docs:访问预先索引的第三方文档或添加自定义文档。
  • @Git:在聊天中添加 git 提交、差异或拉取请求。
  • @Codebase:让 Cursor 扫描整个代码库以获取上下文信息。
  • @Web:让 Cursor 在互联网上搜索相关资料。
  • @Chat 和 @Definitions :在⌘ K中,将聊天消息或附近的代码定义作为上下文包含。

你还可以粘贴以@开头的链接,让 Cursor 将该网络资源纳入其中。

注意:如果希望 让 Cursor 保持专注,可以使用.cursorignore文件(类似于.gitignore 的工作方式)来排除特定文件或目录的索引。

2. 代码审查

Cursor 像一位经验丰富的开发者,实时审查你的代码更改,及时捕获潜在的 bug,防止其进入生产环境。开发者可以深入分析每个审查项,查看完整上下文,甚至与 AI 进行对话以获取更多详细信息。这一功能显著提升了代码质量,并有助于编写更优秀的单元测试。

此外,Cursor 允许你自定义 AI 的审查重点------无论是关注性能优化还是安全漏洞,只需告知 AI 你的需求,它将相应调整审查内容。

Cursor 还支持选择何时进行代码审查:

  • 审查未提交的更改
  • 将当前工作与主分支进行比较
  • 检查最近的提交

3. 个性化规则

每位开发者和团队都有独特的编码风格、最佳实践和项目特定要求。Cursor 允许将这些偏好直接融入 AI 的行为中。

Settings > General > Rules for AI 中,你可以添加自定义指令,指导 Cursor 的 AI 在对话和⌘ K等功能中的表现,确保 AI 的建议与您的编码标准保持一致。

为了更高的控制权,你还可以在项目根目录中使用.cursorrules文件,定义项目特定指令,确保 AI 理解每个代码库的独特需求。

4. AI 模型

为了满足不同任务对 AI 能力的需求,Cursor 提供了多种可选的 AI 模型,同时也包括近期最为火热的 DeepSeek R1 和 DeepSeek V3 模型:

  • GPT-4o:以其卓越的智能和深刻的理解能力而闻名。
  • GPT-4:在性能上表现出色,完美结合了速度与效率。
  • Claude 3.5 Sonnet:因其细致的理解力和创造性输出而备受赞誉。
  • cursor-small:专为 Cursor 定制的模型。尽管智能程度不及 GPT-4,但其响应速度快且使用灵活,非常适合快速任务处理。
  • DeepSeek-R1:专为高效分析复杂代码库和超长上下文场景设计,支持高达 20 万 tokens 的上下文窗口,显著提升大规模代码工程与文档解析的效率。

在深入分析庞大的代码库时,Cursor 还提供了专门设计用于处理长文本上下文的模型,这些模型能够处理高达 20 万个 tokens 的文本,确保在分析大量代码时不丢失上下文信息。

5. 隐私与安全

Cursor 对数据安全高度重视,提供隐私模式,确保代码始终保留在本地,不会传输至任何外部服务器。这一特性对于处理敏感项目或涉及专有代码的场景至关重要。

五. 总结

使用 Cursor 一定要用好这四个键:

  • Tab
  • ⌘ K
  • ⌘ L
  • ⌘ I

最终我们使用Cursor是希望它能给我们以下助力:

  1. 提高编码效率:Cursor 的智能代码补全和实时建议功能显著加快了编码速度,减少了在编写代码时的思考时间。
  2. 减少 bug 率:通过实时的错误检测和智能重构,Cursor 能够及时捕捉拼写和语法错误,提升代码的质量和可靠性。
  3. 攻克疑难问题:对于复杂困难的编码问题,Cursor 能够提供一下解决问题灵感,协助快速实现问题,解决疑难杂症。
  4. 提升学习效果:Cursor 提供的即时反馈和解释功能,有助于理解编程概念和最佳实践,加速学习过程。

使用好 Cursor 不仅能提升工作效率,还改善了编码体验,预示着 AI 助手在软件开发领域,拥有广泛应用前景。以 Cursor 为代表的 AI 开发工具一定会成为这个时代的工具。

我们要拥抱时代之变化,在最能快速见效的场景下率先运用 AI,提升 AI 技术的认知和应用能力,与 AI 共同进化!

相关推荐
独泪了无痕3 小时前
使用Fetch API 探索前后端数据交互
前端·http·交互设计
css趣多多3 小时前
别名路径的知识点
前端
靓仔建5 小时前
Vue3导入组件出错does not provide an export named ‘user_setting‘ (at index.vue:180:10)
开发语言·前端·typescript
EnoYao5 小时前
我写了一个团队体检报告 Skill,把摸鱼的同事扒出来了😅
前端·javascript
小程故事多_805 小时前
Vibe Coding的致命隐患,你必须知道的技术债务和扩展性危机
大数据·人工智能·aigc
梁正雄5 小时前
Python前端-2-css练习
前端·css·python
清汤饺子5 小时前
用 Cursor 半年了,效率还是没提升?是因为你没用对这 7 个功能
前端·后端·cursor
蓝莓味的口香糖5 小时前
【vue3】组件的批量全局注册
前端·javascript·vue.js
wefly20176 小时前
开发者效率神器!jsontop.cn一站式工具集,覆盖开发全流程高频需求
前端·后端·python·django·flask·前端开发工具·后端开发工具
独泪了无痕6 小时前
自动导入 AutoImport:告别手动引入依赖,优化Vue3开发体验
前端·vue.js·typescript