何小豆儿在此 发表于 昨天 00:59

【前端必读】一、使用 Cursor 的根本功能全教程(使用与安装)

https://i-blog.csdnimg.cn/direct/f4759369ab3240759cb67ebdb0700b89.png#pic_center
【前端必读】一、使用 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 是以插件的情势导入的:
https://i-blog.csdnimg.cn/direct/7ad51209ef2f4b7387e10ac83f739ffd.png#pic_center
使用时,Copilot 的辅助重要集中在以下几个方面:代码补全、类似于GPT的对话窗口,以及代码的生成与重写。
代码补全是我最喜好的 Copilot 焦点功能。当我编写代码时,它能够自动推测出后续内容,只需按下 Tab 键即可担当建议。
以我当前正在撰写的文档为例,GitHub Copilot 的代码补全展现了其最大的优势:沉浸式体验。我可以轻松地重写样板代码,无需离开编辑器,也不必复制粘贴已有代码——尽管不谈生成效果,但实际上在大多数情况下,它确实能生成我所期望的代码。
此外,类似于 GPT 的对话窗口的优点在于,可以方便地将当前编辑的代码上下文同时提交给大模子,从而获得更优质的生成效果。
https://i-blog.csdnimg.cn/direct/8f0b13e9af5343389befe53921351910.png#pic_center
末了是编辑器内的代码生成与重写功能。这一功能可以通过 VSCode 的小灯泡(正式称为 Code Action,旨在对代码进行特定操纵)来触发。
https://i-blog.csdnimg.cn/direct/8fdd7c1c4040474e9af4d4b635d1f0d9.png#pic_center
选择使用 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),提取相关内容作为向大模子询问的上下文,从而获得更精准的回答。
https://i-blog.csdnimg.cn/direct/dc24e2e3d51b4eada67704e46b5a856e.png#pic_center
可以通过相关 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 的根本功能全教程(快捷键及其他功能)

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 【前端必读】一、使用 Cursor 的根本功能全教程(使用与安装)