首个接入 GPT-4,曾经比 GitHub Copilot 还好用的代码编辑器开源了!


上周四,GitHub Copilot X 震撼发布,将一众老牌代码编辑器打得措手不及。
但其实,Copilot X 不是第一个集成 GPT-4 模型的 AI 智能编程工具。
在它发布的一两周前,一款名为 Cursor 的代码编辑器便已开始在技术圈内被疯狂传播。
它主打一个亮点:通过 GPT-4 来辅助你编程,完成 AI 智能生成代码、修改 Bug、生成测试等操作。
利用 GPT-4 强悍的编程能力,让 Cursor 成为第一个吃上螃蟹的代码工具。短短数日,它便收获了大量的开发者用户。
同时,也有不少开发者通过它所内置的 Chat 功能,提前使用了 GPT-4。
可惜的是,由于该编辑器完全免费开放,再加上 GitHub Copilot X 的发布,导致项目的运营成本越来越高。于是 Cursor 选择不再集成 GPT-4,也就是说,现在
虽然 Cursor 还能用,但已经不基于 GPT-4 运行了
好消息是 Cursor 团队这两天已将代码开源到 GitHub 上了,有需求的开发者可自行定制。

GitHub:
https://github.com/getcursor/cursor
开源后,Cursor 的 Star 数便增长迅猛。截止发稿,Cursor 已斩获了 3300+ GitHub Star,并成功登上 GitHub Trending。
目前,项目仍属于早期阶段,能完成的功能,主要有以下这些:
  • 智能编写代码:生成 10-100 行代码;

  • 查看代码 Diff:让 AI 编辑一段代码;

  • 聊天:在当前文件中,打开类似 #ChatGPT# 的界面,并与之交互;

  • 其它:修复 Lint 错误,自动生成测试和注释。

下面我们来看下具体怎么使用。

安装 & 使用

你需要先到官网下载安装该软件,目前它能支持的有 Windows、macOS、Linux 等主流操作系统。
下载地址:
https://www.cursor.so/
安装完成之后,打开 Cursor。
你会看到如下所示的界面。

想上手 Cursor,只需要搞懂两个快捷命令即可:
Ctrl/Command + K:让 AI 生成或编辑一段代码。
Ctrl/Command + L:与内置的 AI 交流,了解更多编程建议。

比如,我想生成一个「看图猜成语」的 HTML 页面。
只需要先创建一个 HTML 文件,然后用 Cursor 打开这个 HTML 文件,按下 Ctrl/Command + K,输入这段话:
写一个「看图猜成语」的 HTML 页面。
在该页面放置一张随机图片,图片链接可以从互联网上找。
图片下方分别排列 4 个按钮,代表不同的四字成语选项,成语选项可以从互联网上找,但必须是随机的、不重复的。
用户通过点击按钮,来判断哪个成语跟图片内容关联性最强。
该 HTML 页面中展示的所有内容,都需要居中显示。
按下回车,Cursor 便会给我们生成一段可直接运行的 HTML 代码。
有时候第一次生成的代码,可能不太好用,你可以连续输入同样的话,让它进行调整:
 
最终打开 HTML 页面,预览结果如下所示:

当然了,这里只是给大家展示下大概 Demo,所以随机图片与成语的关联性不强。
有需要话,还可以进一步对代码进行调整,比如加入点击响应,编写获取图片脚本,让 AI 理解图片意思等等。
如果你想询问 AI,关于某段代码的改进或调整建议,可以先选中代码,然后使用
Ctrl/Command + L快捷命令调用机器人。
接下来,就可以在聊天窗口中跟它进行一对一对话交流了。

这个交互其实跟 ChatGPT 差不多,唯一区别较大的,就是 Cursor 提供了一个「Attempt Change」按钮,点击该按钮后可将变动直接应用到旧代码上。
除此之外,Cursor 还内置了命令行终端,让项目具备更多操作方式。
你还可以在设置中:
  • 调整编辑器快捷键,改用 Vim 或 Emacs 快捷键来编辑代码;

  • 登录 GitHub Copilot,增强其可用性;

  • 安装 HTML、CSS、Python、Java 等编程语言的 Language Server。


整体而言,目前 Cursor 还尚处于开发阶段,集成的功能有限,但是通过其项目源码,可以让你快速了解代码编辑器与 GPT-4 的集成与交互方式。
对于理解 GPT-4 在智能编程上的交互应用,Cursor 也提供一个比较不错的行业解决方案给大家参考使用。