这2周,cursor 因为下面这条推特,又爆火了一波

cursor 是什么

根据官网的介绍, cursor is a AI Code Editor。 它可以辅助你更好得进行代码开发,甚至根据自然语言完成开发。

用cursor 实现一个浏览器插件

现在有cursor 2周免费体验时间,2周需要每月需要付费20美元。

作为一名后端工程师,我对前端的掌握程度就是能看懂一点点,但是几乎没有实际编写的能力。所以准备用cursor 完成一个 chrome 浏览器插件来体验AI 编程。

由于本人是一个网页目录的重度使用者,所以这次准备用它来实现了一个 网页目录生成器。

关于网页目录生成器,目前已经有很多成熟的插件可以使用。这次用cursor 来实现这个不算新的idea, 是因为暂时没有其他更好的idea,所以用这个来体验一下。

用自然语言提出要求

如下图,我用自然语言描述了想要实现的插件功能

然后cursor 就给出一个插件项目完整的代码。

如果你完全不懂chrome 插件开发,一定会为这一步感到震惊。
如果你懂一点chrome 插件开发, 那更能意识到它对不懂chrome 开发的人节省了多少前置知识的准备时间。

用报错信息与cursor 沟通

上面给出的代码实际往往不能一步到位,我在开发者模式下导入生成的代码。

随便找了一个网页生成目录,出现了3个报错信息,我依次将报错信息提供给cursor 修改代码

修改后代码已经完成了基本功能,生成了如下目录

功能优化

完成基本功能后,让cursor 以此为基础完成进一步功能,比如比如点击目录跳转到相应内容、网页滑动时对应目录高亮显示、显示内容的细节

目录点击跳转

标题高亮

标题展示差异

到这里,一个基本可用的网页目录生成器chrome 插件已经完成, 当然也可以提出更多的要求,比如自由拖动等。

chatGPT 写代码 vs cursor 写代码

去年在chatGPT3.5 的帮助下,曾经开发过一个女书插件。

但是它不能根据我的描述生成完整的代码,为了调试,我依然需要去学习一些关于chrome 开发的知识,虽然chatGPT 当然可以帮助我提高学习这些知识的速度。

但是在错误调试的过程中比较痛苦, 在修改代码的过程中也需要不断的复制粘贴。

对比下来,用 cursor 写代码,一个几乎完全不懂编程的人也是可以实现一个功能的, cursor 确实强。