1637 字
8 分钟
Cursor怎么用?Cursor编程技巧有哪些?Cursor常见用法最新教程

Cursor是什么#

作为一名偶尔谢谢后端的算法工程师,GPT玩家使用 cursor 已经有一周的时间,目前完成了一个浏览器插件的的修改、多个页面优化、一个 chatbot 对话框。

全程自然语言,写的代码不超过 10 ,花费时间累计一天。毫不夸张的说 cursor 可以让人人都是程序员。

正如 Cursor 官网所写:

让编程变得更加轻松、愉悦和有趣。帮助全世界的开发者专注于更大的问题。

Cursor 是一个在 VScode 上改进的代码编辑器, 可以试用两周,免费调用 GPT4、Claude sonnet 3.5 的生成能力,也可以自定义 API。

Cursor新账户半个月免费高阶权限,相当于可以免费白嫖半个月,之后就要付费才能够继续使用AI功能,否则就和普通的VS Code编程工具没有任何区别。

Cursor具体的升级教程方法:Cursor Pro订阅升级开通教程

Cursor怎么用#

安装 Cursor 后,新用户可以免费试用 14 天,使用 Claude3.5 就可以了。

Cursor的基本界面和VSCode的界面布局基本上是一致的。通过右边侧边栏的AI对话功能就可以直接通过对话的方式完成代码编写。

Cursor编辑界面布局

  • 左边是文件区,显示当前项目中所有的文件
  • 中间是代码区,显示当前打开的文件的具体代码
  • 右边就是AI对话区,直接通过通过语言描述自己具体的需求,就可此时AI就会根据具体的要求实现相关的代码逻辑。

Cursor编写代码

相比于其他 AI 辅助编程的产品,Cursor 开创了 编程+AI 最好的交互方式。

Cursor 是如何处理交互的呢?

  1. Cursor chat:通过⌘/Ctrl L,唤起 AI 对话框,还可以引用编辑器任意内容提问,最牛的是,回答的内容应用到当前代码或所有文件,都会区分版本差异,就像 git 提交审核版本一样,用户可以查看出 AI 改了啥,要不要应用。
  2. Cursor Tab:cursor 可以预测编码时可能会去的下一个位置以及要编写的内容,以灰色字体显示,按下 Tab 就能补充,这个我在体验的时候,绝对的 Ahamoment,准确率非常高,感觉它有读心术。
  3. 编辑对话框:有点像 Notion 的 inline 交互,框选代码后,⌘/Ctrl K 唤起对话窗口,通过自然语言生成新代码或编辑现有代码。还可以使用 @ 符号引用上下文。
  4. 跨文件修改:Cursor 的代码库是基于整个 Project,修改一个函数,其他文件也会修改。这是因为 Cursor 会将整个工程文件向量化。

怎么用Cursor修改代码#

相比Github Copilot和其他的AI编程工具不同之处在于,在Cursor的代码区域会存在三个选项。

Cursor编写代码选项

  • Ask,询问的意思,就是表示需要重新生成相关的代码
  • Copy,直接复制AI生成的代码
  • Apply,中文意思是应用,就是直接将AI修改的代码替换掉之前的代码。

Cursor修改代码选项

当点击Apply之后,就会出现上面这样的带修改界面。

  • 绿色部分,表示Cursor需要增加的代码部分
  • 红色部分,表示Cursor将会删除的代码部分

如果确认没有问题之后,就可有通过Ctrl+回车确认修改,点击确认之后,整个代码就会被Cursor生成修改代码所覆盖。

Cursor应用代码

通过Cursor全程不用写一行代码,甚至都不需要通过复制代码然后替换掉原来的代码的方式实现,直接通过Cursor就可有完成全部的修改。

Cursor最全最新常见编程技巧#

Cursor常见快捷键#

  • Tab键,直接使用Tab键直接让Cursor快速补全代码
  • cmd+L ,使用快捷键cmd+L就可以调出Cursor的聊天界面(Cursor Chat界面)
  • cmd+i,使用快捷键cmd+i快速打开Cursor的Compose界面
  • cmd+k,使用快捷键cmd+k,直接基于选中的代码行进行对话。

Cursor使用cmd+k显示对话框

Cursor常用对话技巧#

Cursor通过@符号快速添加上下文#

Cursor使用@符号扩展功能

通过在聊天对话框中输入@符号,可以添加注入文件、文件夹、代码、文档等等资料。

Cursor通过+符号快速添加文件#

通过在聊天对话框中下方的+符号,可以快速添加文件。

Cursor使用+添加代码文件

Cursor识别图片#

可以直接在Cursor Chat聊天款中粘贴图片的方式向Cursor提问。

GPT玩家日常用法就是将需要实现的界面原型或者是代码运行报错的截图直接贴到Cursor Chat的聊天界面中,让Cursor根据这个界面帮我实现代码或者是修改BUG。

Cursor Composer常用使用技巧#

对于Composer来说,在Accept all之前先点击Save all,这样你仍然可以在测试代码后拒绝

Cursor Composer保存修改

使用快捷键,cmd-shift-i直接将Cursor Composer整个界面最大化。

Cursor访问网页#

直接通过@web的方式就可以访问网页。

下面的例子中,我使用@web方式直接访问nextjs官网首页系统。

Cursor使用@web保存网页

Cursor添加知识库#

直接通过@doc的方式可以为cursor增加知识库

通过@doc增加了知识库之后,每次cursor回答问题之前都会先结合知识库中的内容来进行解答,这样回答就会更加精准。

Cursor使用@doc添加知识库

Cursor使用总结#

自从开始接触Cursor之后,Cursor已经成为了GPT玩家 日常使用最高的编程软件和编程工具了。

在Cursor结束了试用之后,我也第一时间进行了续费。,完全无法离开,VS code 从此是路人。

不仅是程序员,产品经理、设计师甚至完全不懂编程的小白也不需要害怕不会代码了,打开 Cursor,它不仅创造了最快的实现路径,而且也能快速的学习代码。

最后,强烈推荐大家 订阅升级开通Cursor Pro ,因为真的很值!!!!

Cursor怎么用?Cursor编程技巧有哪些?Cursor常见用法最新教程
https://gptwanjia.cn/posts/cursor-guide/
作者
GPT玩家
发布于
2024-10-20
许可协议
CC BY-NC-ND 4.0