元峰AI笔记 · Agent与自动化

10个案例,手把手教你玩转AI编程工具 Cursor

写代码的小伙伴们,是不是经常把代码复制粘贴到ChatGPT那儿,问它"这玩意儿咋不起作用呀"“这个bug是咋回事呀”,或者让它帮忙改改代码,甚至就是想搞明白代码啥意思。可是,来回切换编辑器和ChatGPT,说实话,挺烦人的。

10个案例,手把手教你玩转AI编程工具 Cursor

10个案例,手把手教你玩转AI编程工具 Cursor

写代码的小伙伴们,是不是经常把代码复制粘贴到ChatGPT那儿,问它"这玩意儿咋不起作用呀"“这个bug是咋回事呀”,或者让它帮忙改改代码,甚至就是想搞明白代码啥意思。可是,来回切换编辑器和ChatGPT,说实话,挺烦人的。

这时候,AI编辑器就来救场了。它把GPT直接塞进了代码编辑器里,这样一来,GPT就能看到你整个项目的背景信息了,输出的结果自然也就靠谱多了。

咱们今天就来聊聊一个超火的代码编辑器: Cursor AI 。这玩意儿最近可是当红辣子鸡,连 OpenAI 和 Perplexity 的工程师们都在用。它能提供 AI 辅助编码、智能代码建议以及与各种开发工具的集成。

什么是 Cursor AI?它能做什么?

Cursor AI 是一款人工智能驱动的代码编辑器,目的是让软件开发变得更容易。 作为 Visual Studio Code (VS Code) 的分支,它保留了 VS Code 的用户友好界面和广泛的生态系统,使已经熟悉该平台的开发人员更容易过渡。

Cursor AI 通过 OpenAI 的 ChatGPT 和 Claude 集成了先进的 AI 能力。有了这俩帮手,它就能在你敲代码的时候给你出主意,还能自动找出代码里的错误,甚至还能帮你把代码写得更漂亮。简直就是程序员的贴心小棉袄!

关键部分自动完成功能

Cursor 提供了AI代码补全和预测代码功能:

  1. 自动补全和代码预测: Cursor提供自动完成功能,可以预测多行编辑并根据最近的更改进行调整。
  2. 代码生成: Cursor熟悉最近的更改,可以预测我们下一步想要做什么并相应地建议代码。
  3. 多行编辑: 它可以建议跨多行的编辑。
  4. 智能重写: 即使我们不小心打字,编辑器也可以自动纠正和改进我们的代码。
  5. 光标预测: 它预测下一个光标位置,从而允许在代码中无缝导航。

聊天功能

Cursor 还集成了高级聊天功能,以促进更好的交互:

  1. 代码库答案: 查询Cursor有关代码库的信息,它将搜索文件以提供相关答案。
  2. 代码参考: 参考特定的代码块或文件,将它们集成到我们的查询上下文中。
  3. 图像支持: 将图像拖到聊天中或使用按钮添加视觉上下文。
  4. 网页搜索: 从互联网上获取最新信息,直接进行代码查询。
  5. 即时应用: 只需单击一个按钮,即可将聊天中的代码建议直接实施到代码库中。
  6. 文档集成: 参考流行的库并添加我们自己的文档以便快速访问。

例如,要获取完整的功能列表,请查看 Cursor 的功能页面。

图片展示了Cursor AI的特性页面。上方有导航栏,包括Pricing、Features、Forum、Docs、Careers、Blog等选项。页面标题为“Features Build software faster”,下方介绍Tab功能,Cursor包含强大的自动补全功能,可预测你的下一个编辑,启用后会跨多行建议代码编辑,考虑你的最近更改。还展示了Code Generation和Multi-Line Edits示例代码,强调Cursor能根据最近更改预测代码,一次性建议多个编辑以节省时间。

Cursor AI 的诞生故事

Cursor AI 来自 Anysphere,由 Michael Truell、Sualeh Asif、Arvid Lunnemark 和 Aman Sanger 创立。他们从 OpenAI Startup Fund 获得了 800 万美元的种子资金。它不仅仅是为专业人士准备的。

你听听 Cloudflare 的开发者关系副总裁 Ricky Robinett 怎么说的:

"我那才 8 岁的闺女,用 Cursor AI 只花了 45 分钟就搞出了个聊天机器人。" 很厉害!

不光是小朋友,连那些大公司都在用呢。三星、Replicate、Midjourney、Shopify 和 Perplexity 的工程师们都都参与其中。

Figma 的 Jordan Singer 总结道:

所有这些关于克劳德+光标的谈论,以及能够建造任何你想建造的东西(无论你的技能组合如何)都是有道理的。如果这是未来,我想生活在其中。”

Cursor AI 正在改变我们对编码的思考方式,它是软件开发未来的一个缩影。

Cursor AI 与常规代码编辑器比较

特征Cursor AI标准编辑器
代码完成AI驱动,情境感知基本自动完成
代码生成可以创建整个函数仅限片段
语言支持多种语言,擅长 JavaScript, Python, TypeScript因编辑器而异
调试协助AI驱动的错误检测手动调试工具
自然语言命令支持简单的英文说明无法使用
代码解释可以解释复杂的代码块无法使用

工作速度差异

  • 代码生成缩短了开发时间
  • AI 支持的调试减少故障排除时间
  • 初始学习曲线,但一旦掌握即可提高生产力

一位开发人员表示:“使用 Cursor AI 一个月后,我发现日常任务的编码速度提高了约 30%。”

如何安装 CursorAI

Cursor AI 提供了适用于 Linux、Windows 和 MacOS 的安装文件,可以在其网站上免费下载。

要在 Windows 和 MacOS 上安装它,我们从主页下载它并一只下一步就可以完成安装。

图片展示了Cursor AI编程工具的官网首页。上方有导航栏,包括Pricing、Features、Forum等选项。中间大标题为“The AI Code Editor”,下方副标题说明Cursor旨在让用户更高效地编程。底部有“Download for Free”和“Watch Demo 1 Minute”两个按钮,前者为免费下载,后者为观看1分钟演示视频。该图片与上下文关系紧密,直观呈现了Cursor AI编程工具的下载入口位置。

在 Linux 中,它作为AppImage文件出现。在执行之前,我们需要使用以下命令使其可执行:

chmod a+x cursor-0.40.3x86_64.AppImage

然后,我们可以使用以下命令执行它:

./cursor-0.40.3x86_64.AppImage

根据下载的版本,我们可能需要替换上述命令中的版本0.40.3x86_64 。有关如何安装应用程序图像文件的更多说明,请查看他们的网站.

安装后,系统会提示我们以下配置屏幕:

图片展示了CursorAI安装后的配置屏幕。上方有“Keyboard”选项,可选择Vim、Emacs、Atom、Sublime和Jetbrains快捷键。下方“Language for AI”可指定非英语语言,当前选中“中文”。还有“Codebase-wide”选项,可启用代码库范围的嵌入式计算。最后“Add to Command Line”部分,可从命令行启动,有“Install 'code' command”和“Install 'cursor'”选项,底部有“Continue”按钮。该图与上文介绍安装CursorAI后系统提示的配置内容相关。

  • 键盘: 此选项允许我们配置键盘快捷键。默认情况下,它使用 VS Code 快捷方式,除非你熟悉列表中的其他代码编辑器,否则我建议你使用该快捷方式。
  • AI 语言: 在这里,我们可以选择使用中文与 AI 交互。
  • 代码库范围: 启用此选项可以让 AI 了解整个代码库的上下文。
  • 添加终端命令: 如果安装,这些命令允许 Cursor AI 编辑器从终端运行。

然后使用 Google 账号或者 GitHub 账号进行登陆。

这张图片展示了Cursor AI编辑器完成初始配置后的界面,以及用于登录的GitHub账号授权界面。图片右侧的Cursor界面显示“You're all set!”,下方有蓝色的“Log In”、灰色的“Sign Up”按钮,还有“Back”选项,表明已完成安装后配置环节。图片左侧是GitHub账号登录界面,提示用户登录GitHub账号以继续使用Cursor,界面设有用户名/邮箱、密码输入框,还有“Sign in”“Sign in with a passkey”等登录选项,以及新用户注册相关的入口,对应文档中提到的Cursor需使用GitHub账号登录的要求。

如何使用 Cursor AI 的 10 个用例

在本篇文章中,我们将使用 Ctrl+ 键提供 Windows 或 Linux 快捷方式。如果你在 MacOS 上使用 Cursor,快捷键是相同的,只是使用 Cmd ⌘键。

内联代码生成

我们使用Ctrl+K快捷键打开内联代码生成器。这将打开一个小提示窗口,我们在其中插入提示以生成代码:

这张图片展示了Cursor AI工具的操作界面,下方红框标注的输入区域配有红色高亮的“Ctrl+k”提示,对应上下文里“使用内联聊天与现有代码交互,需在选中相关代码后使用Ctrl+K快捷键”的内容,输入区域内可看到可输入指令的文本框,当前显示“hype your instructions, / for commands”的提示文字,右侧标注当前使用的模型为claude-3.5-sonnet,界面上方左侧还列出了使用Cursor AI的相关功能选项。

要生成代码,我们输入提示,然后单击生成按钮:

写一个匹配中国电话号码的正则函数

图片展示的是在Cursor AI中编写匹配中国电话号码正则表达式函数的界面。上方显示“Untitled-1”文件名,中间输入框内有提示“编写一个匹配中国电话号码的正则表达式函数”,下方有“Generate”按钮。右上角有“claude-3.5-sonnet”模型选项及“Ctrl+Shift+K to toggle”快捷键提示。该图片与上下文紧密相关,直观呈现了使用Cursor AI生成代码的操作界面,是文档中介绍如何使用Cursor AI生成代码的示例。

这将生成代码,我们通过单击接受按钮将代码添加到我们的项目中:

图片展示了使用Cursor AI生成匹配中国电话号码正则表达式的代码示例。代码中定义了match_chinese_phone_number函数,使用正则表达式r'^\[13-9\]\\d{9}<div id=

#x27;匹配中国大陆手机号码。通过re.match()函数进行匹配,若匹配成功返回True,否则返回False。还给出了使用示例,如判断电话号码“13812345678”是否有效。此图与上文“写一个匹配中国电话号码的正则函数”的操作步骤对应,展示了生成的代码结果。" loading="lazy" src="/api/blog/media/YuFEdf4SeoyUcZxVce8crpIUnZg/WKQfb99EJokntbxUEaVceExTn2e?v=647"/>

在本例中,我们使用了cloude-3.5-sonnet模型。我们也可以使用模型下拉选择器选择另一个模型:

图片展示了Cursor AI模型选择界面。界面上方显示“规则表达式”字样,下方有“gpt-4o”“cursor-small”“gpt-3.5”“claude-3.5-sonnet”“gpt-4o-mini”“claude-3.5-sonnet”等模型选项,其中“claude-3.5-sonnet”被红色框线突出显示。界面右下角有“ctrl+toggle model”和“Submit”按钮。该图片与上下文紧密相关,上下文提到在使用Cursor AI时,可使用模型下拉选择器选择不同模型,此图直观呈现了模型选择的操作界面及部分模型选项。

与现有代码交互

我们还可以使用内联聊天与现有代码进行交互,方法是在使用Ctrl+K快捷键之前选择相关代码。这可用于对代码进行更改(例如重构)或询问有关代码的问题。输入提示后,我们单击*“提交编辑”*按钮以获取修改:

图片展示的是Cursor AI在代码编辑界面中的应用示例。在代码行21处,有“格式化这段代码”的提示框,框内有“Submit Edit”按钮和“quick question”选项,还显示了“claude-3.5-sonnet”及“Ctrl+Shift+K to toggle”快捷键信息。这与上下文介绍的通过选择代码并使用快捷键询问代码问题,以及提交问题后系统生成答案的内容相契合,直观呈现了Cursor AI在代码编辑中的操作场景。

Cursor 中的代码更改以差异形式呈现。红线代表将被更改删除的行,而绿线代表将添加的新更改:

这张图片展示了Cursor工具中代码修改的差异呈现形式,清晰体现了该工具的代码编辑功能。图中原本的旧代码行以红色底色突出显示,对应文档里提到的红线,代表将要被删除的内容;新的代码行以绿色底色呈现,对应文档提及的绿线,代表即将添加的修改内容,界面顶部还有格式化相关的操作选项,整体呈现了AI辅助下的代码调整效果,与文档中说明的Cursor代码更改差异展示的内容完全匹配。

询问有关现有代码的问题

同样,我们可以通过选择一段代码并使用Ctrl+K快捷键来询问有关该代码的问题。如果有问题,我们点击Submit Edit按钮提交提示:

图片展示的是在Cursor AI中询问代码问题的界面。上方弹出窗口显示“这段代码是做什么的?”,下方代码为“def minimum(list): min = list[0] for i in list: if i < min: min = i return min”。界面右上角有“Submit Edit”按钮,下方还有“quick question”“claude-3.5-sonnet”“Ctrl+Shift+K to toggle”等选项。该图片与上文提到的通过选择代码并使用快捷键询问代码问题,以及提交问题后系统显示答案的内容相关,直观呈现了操作界面。

提交问题后,系统将生成答案并以如下方式显示:

图片展示了Cursor AI对代码的解释界面。上方显示“这段代码是做什么的?”及“Ctrl+Alt+Accept”“Ctrl+Alt+Reject”等操作选项。下方代码为“minimum(list)”函数,用于找出列表中的最小值,通过假设列表第一个元素为最小值、遍历列表更新最小值、遍历结束后返回最小值等步骤实现。代码下方有参数“list”及返回值“列表中的最小值”的说明。该图与上文提到的通过选择代码并使用快捷键询问代码问题,提交后系统生成答案的内容相关,直观呈现了答案展示形式。

使用选项卡自动完成

在编写代码时,Cursor 会建议使用 AI 生成的代码补全。与传统的代码完成类似,我们可以使用Tab键将这些建议合并到我们的代码中。

例如,假设我们开始实现一个名为maximum()的函数。Cursor将识别我们的意图并建议适当的实施。按Tab ,我们可以添加建议的代码:

这张图片展示了Cursor AI代码编辑器的自动完成功能效果,上方是用户输入的不完整代码框架,仅定义了函数名maximum及参数lst;下方呈现了用户按下Tab键后,工具自动补全生成的完整可运行的Python代码,还为后续循环体预留了缩进位置,直观体现了该工具针对已有代码结构补充对应代码内容的能力,与文档中介绍的使用Tab键触发自动完成的内容相呼应。

自动完成功能还适用于以自然语言编写的代码。例如,如果我们想创建一个双for循环来迭代列表中的所有对,我们可以简单地用纯文本来描述。然后 Cursor 会提供相应的自动完成建议,可以通过按Tab键来集成:

图片展示了使用Cursor AI进行代码自动完成的示例。左侧是用自然语言编写的代码指令“iterate over all pairs in a list of values”,右侧是对应的Python代码实现,定义了iterate_over_all_pairs函数,使用嵌套循环遍历列表中的所有对并打印。下方还展示了调用该函数时传入的列表参数。此图与上下文介绍的自动完成功能相关,直观呈现了从自然语言到代码的转换过程。

聊天界面概览

要打开聊天窗口,请使用Ctrl+L快捷键。聊天窗口比内联生成器更通用,因为它不仅允许我们生成代码,还允许我们提出问题。以下是聊天界面的概述:

图片展示了Cursor AI聊天窗口的界面及功能。上方显示聊天考虑的文件列表,当前仅选中“rs.py”文件。下方代码区域有“claude-3.5-somnet”“Mention”“image”等模型选择器,可添加额外上下文。右下角有“chat”“codebase”等生成回复选项,可使用完整代码库上下文生成回复。该图与上下文介绍的聊天窗口功能相呼应,直观呈现了聊天窗口的界面布局及部分功能。

通过聊天生成代码

与使用内联聊天生成类似,我们也可以使用聊天功能生成代码。通过单击代码窗口右上角的*“Apply”*按钮,可以将聊天中生成的代码集成到项目中。

图片展示的是Cursor AI聊天窗口界面,上方显示“CHAT”字样。窗口中呈现了使用代码函数实现找出列表中最常见元素的代码示例,包括导入replay模块、定义most_common(lst)函数等内容。下方有“Ask”“Do”“Copy”“Apply”按钮。该图片与上下文紧密相关,是对使用聊天功能生成代码这一用例的直观呈现,展示了通过聊天窗口生成代码的界面及代码示例。

使用@增强查询上下文

也许聊天窗口最重要的功能是@ Mention选项。此选项使我们能够为 AI 提供更多数据来生成响应。其范围从简单的文件和文件夹到网络搜索或授予 AI 对 GitHub 存储库的访问权限。

例如,我们可以使用@Web让AI在网络上搜索答案。

图片展示了Cursor AI聊天窗口中使用@增强查询上下文的示例。用户询问“给我一些适合初学者学习的Python案例”,下方搜索结果列出多个Python项目案例,如文本加密生成器、倒计时计算器等。聊天窗口底部有“Files”“Folders”“Code”“Docs”“Git”“Codebase”等选项卡,其中“Web”选项卡被选中,显示“@Mention”标识。该图片与上下文紧密相关,直观呈现了使用@增强查询上下文获取Python学习案例的操作及结果。

请记住,在某些情况下,与 AI 共享整个代码库或私有 GitHub 存储库可能会出现问题。我们应该注意与 AI 共享的内容,并避免共享敏感或私人数据。

全局代码库问题

我发现在处理大型项目时最有用的功能之一是能够通过以完整代码库为范围提出问题来快速找到一段代码。最近,我想在项目中找到一个计算应用程序中导航方向的函数。使用 Cursor,可以通过描述函数的作用来非常简单地找到它:

图片展示了Cursor AI聊天界面,用户询问“计算navigation directions的函数在哪里?”,界面显示代码库上下文,说明在代码片段中未找到专门计算导航方向的函数,这些代码片段主要包含UI相关代码及基本JavaScript函数,但无导航相关函数。界面还列出实现导航方向计算的步骤,包括获取起点和终点坐标、使用地图API算法计算路线等,并提示可能需使用地图服务API。此图与文档中介绍Cursor AI聊天支持图像输入,可为其生成代码等功能的内容相关。

请注意,在本例中我们使用codebase选项。尽管 Cursor 由于某种原因没有显示实际代码,但单击代码框仍然打开了正确的文件并滚动到我正在寻找的函数:

图片展示了Cursor AI在全局代码库问题中的应用示例。左侧代码编辑器中显示了calculateDirections函数代码,用于计算导航方向。右侧聊天窗口中,用户询问计算导航方向的函数位置,Cursor AI回复该函数为calculateDirections,并提示可在下方代码块中找到。图片与上下文紧密相关,直观呈现了使用Cursor AI通过描述函数作用来查找函数位置的操作效果。

图片支持

Cursor 聊天还支持图像输入。例如,我们可以为网站绘制 UI 设计草图,并要求它为其生成 HTML 和 CSS 代码。要添加图像,我们可以将其拖放到聊天窗口中。

这里我截了一个 Claude 界面做测试。

这张图片是Claude工具的界面,顶部标注有“Professional Plan”,核心区域的输入框提示语为“Claude有什么可以帮助到你的嘛?”,所选模型为“Claude 3.5 Sonnet”,输入框下方设有“Write a memo”“Generate excel formulas”“Provide stakeholder perspective”三个操作选项,还展示了“引入项目(Introducing Projects)”的功能提示,支持用户带入文档、代码和文件协同,底部的“你最近的对话列表”区域显示了与“AI-Powered Coding Assistant Interface”相关的33分钟前的会话记录,该界面是用于代码开发相关任务的AI助手操作界面,对应文档中提到的Claude界面测试内容。

创建一个名为 index.html 的文件。它应该包含实现图像中的 Ul 以显示 AI 助手的代码。

图片展示的是一个名为index.html的文件代码界面,用于实现图像中显示AI助手的代码。代码包含HTML、CSS和JavaScript部分,如设置页面语言、字体、背景色等样式,以及容器、头部、计划徽章等布局样式。底部有“Ask followup (Ctrl+Shift+V)”按钮。该图片与上文提到的创建index.html文件以实现AI助手界面的代码内容相关,直观呈现了代码实现效果。

输出的页面代码预览效果,还原度还是非常高的。

图片展示的是Claude界面,上方显示“晚上加班?,fgjdghkdgh”,右上角有“Professional Plan”标识。下方是Claude的回复区域,显示“Claude 有什么可以帮助到你的嘛?Claude 3.5 Sonnet”。界面中部有多个功能按钮,如“添加附件”“悬浮 Project (进化GPTs功能类似)”“Write a memo”“Generate excel formulas”“Provide stakeholder perspective”。底部是“你最近的对话列表(合话隐藏)”,显示“AI-Powered Coding Assistant Interface”及“33分钟前”。该图片与文档中测试Claude界面的内容相关,展示了其界面布局和功能。

添加文档

Cursor AI 的一个非常有用的功能是能够添加文档引用。这对于那些在 AI 训练过程中可能没有使用过留档的,别人不知道的或私人图书馆特别有用。这些库的文档可能没有在 AI 训练过程中使用。

要添加文档条目,我们使用@符号,然后从下拉菜单中选择Docs :

这张图展示了Cursor AI工具的Chat交互界面,是添加文档条目时的操作场景。在输入框内输入@后,下拉菜单弹出多个选项,其中「Docs」选项被高亮选中,这与上下文提到的「添加文档条目时使用@符号,然后从下拉菜单中选择Docs」的操作步骤完全对应,直观呈现了选择文档入口的操作界面。

这将打开一个窗口,请求文档的 URL。让我们添加 PyTorch 文档作为示例:

图片展示的是添加文档URL的操作界面。上方有“Add docs”按钮,下方输入框内显示网址“https://pytorch.org/docs/stable/index.html”。该图片与上下文紧密相关,上下文提到要添加文档条目,使用@符号从下拉菜单中选择Docs,此图即为插入URL后的界面,后续可为文档条目命名,如添加PyTorch文档示例。

https://pytorch.org/docs/stable/index.html

插入 URL 后,我们可以为文档条目命名。在本例中,我们使用PyTorch 。然后,我们可以使用此名称在聊天提示中使用@PyTorch引用此文档。

图片展示了在Cursor AI中添加新文档的操作界面。界面中有“NAME”和“PREFIX”输入框,分别输入了“PyTorch”和“https://pytorch.org/docs/stable”;“ENTRYPOINT”输入框显示了“https://pytorch.org/docs/stable/index.html”。右下角有“Confirm”按钮。该图片与文档中添加PyTorch文档示例的内容相关,直观呈现了添加文档时的输入设置界面。

还可以在*“功能”*选项卡中的“Cursor”设置中管理文档参考:

图片展示了Cursor AI的“Features”设置界面。左侧为设置选项栏,有General、Models、Features、Beta等选项,其中“Features”被选中。右侧是Docs区域,说明可管理添加的自定义文档,下方显示已添加的“PyTorch”文档。右侧还有“Add new doc”按钮,以及编辑、刷新、导出、删除等操作图标。该图片与文档中介绍如何在“功能”选项卡中管理文档参考的内容相关,直观呈现了操作界面。

Cursor AI:附加功能和优点

语言支持

我们在本文中展示的示例是使用 Python、HTML 和 CSS 编写的。但 Cursor 的构建并没有考虑到任何特定的语言支持。由于其代码生成基于通用LLMs ,因此 Cursor 可以生成任何编程语言的代码。它将使用文件扩展名来猜测应该使用什么语言。

扩展

由于 Cursor 构建于 VS Code 之上,因此它继承了其丰富的扩展生态系统。我们可以在View菜单中访问这些。

要设置 Cursor 以使用 Python,因为 VSCode 和 Cursor 上都应该提供相同的功能。

图片展示了VS Code编辑器的“View”菜单界面。菜单中“Extensions”选项被蓝色高亮突出显示,其右侧有快捷键“Ctrl+Shift+X”。该图片与文档中介绍Cursor AI扩展生态系统的内容相关,说明由于Cursor构建于VS Code之上,可继承其丰富的扩展生态系统,用户可在“View”菜单中访问这些扩展,如“Explorer”“Search”“Source Control”等,还可通过快捷键快速访问,如“Ctrl+Shift+E”“Ctrl+Shift+F”等。

与他人合作

可以将 Git 等协作工具与 Cursor 一起使用,与任何代码编辑器一起使用类似。这些工具不依赖于代码的编写方式。有一些专门设计来协助 Git 的扩展。

请记住,Cursor 的聊天允许你使用@运算符在上下文中使用 Git 存储库。请注意,如果存储库包含私有数据,则应谨慎使用。

图片展示了Cursor AI的Chat界面。界面中“code.py Current File”被蓝色高亮显示,表明当前操作文件为code.py。下方有“Files”“Folders”“Code”“Web”“Docs”“Git”“Codebase”等选项,其中“Git”选项被蓝色高亮突出显示。该图片与上下文介绍的Cursor AI附加功能和优点相关,直观呈现了在Cursor AI中进行相关操作时的界面情况,帮助用户了解如何在Chat界面中选择不同功能。

设置自定义AI规则

Cursor 允许我们使用特定规则来引导 AI。这些可以在常规设置菜单下访问:

图片展示了Cursor AI的设置界面。左侧有General、Models、Features、Beta等选项,当前选中General。右侧Account区域显示当前登录邮箱,有升级、管理、登出按钮。VS Code Import部分可导入扩展、设置等。Rules for AI区域有“Always respond in 中文”规则,下方“Include .cursorules file”开关处于开启状态,右侧有“Saved √”标识。该图与上下文介绍的设置自定义AI规则内容相关,直观呈现了规则设置界面。

这些规则可以修改 AI 的行为,而不需要反复提示。例如,我们可以通过添加“始终在 Python 函数定义中使用类型提示”等规则来确保 AI 始终在 Python 中使用类型提示。

自定义 AI 模型

Cursor 的另一个有趣的功能是能够添加其他 AI 模型。该选项可以在Models设置下找到:

这张图片展示了Cursor的“Models”设置界面,这正是文档中提及的可添加其他AI模型的选项页面。界面左侧是设置分类栏,“Models”选项处于选中状态。界面主体分为两部分,上方是Model Names列表,罗列了已支持的AI模型,包括gpt-4、gpt-4o、claude-3-opus等,每个模型名称旁设有可开启或关闭的开关按钮;下方为OpenAI API Key输入区域,设有输入框与“Verify”验证按钮,还提供了“Override OpenAI Base URL (when using key)”的选项,底部有“+ Add model”按钮用于添加新模型。

在这里我们可以添加新模型。如果需要,这些模型设置还可以模型的 API 密钥。

Cursor AI 与 GitHub Copilot

Copilot Cursor AI 和 GitHub Copilot 都是 AI 驱动的代码助手,每个都提供独特的功能。

特征Cursor AIGitHub Copilot
价格基本版: 免费
专业版: 20美元/月
10美元/月
(免费试用后)
AI模型GPT-4 或 Claude-3.5 Sonnet (专业版)OpenAI 达芬奇
代码完成支持支持
自然语言命令全面支持有限支持
基于VS代码是否 (单独分机)

Cursor AI 基于 VSCode 构建,作为独立编辑器运行。它与编码环境紧密集成,以自动化任务并提供直观的代码建议,这有助于简化代码编写和重构。它特别适合喜欢与熟悉的 IDE 深度集成的开发人员。

GitHub Copilot 由 GitHub 和 OpenAI 共同开发,与 Visual Studio Code 等多种流行代码编辑器集成。它根据用户的编码风格和项目上下文提供上下文感知的代码建议。GitHub Copilot 擅长预测后续代码行,并支持多种编程语言和框架。

从集成角度来看,Cursor AI 在其独立的基于 VSCode 的环境中提供了显著的定制化,这可能会增强某些用户的流程。相比之下,GitHub Copilot 以其易于设置和与广泛使用的 IDE 集成而闻名,这促进了许多开发人员的采用。

两种工具都提供实时代码建议,并支持多种语言和框架。Cursor AI 由于其深度集成,可能在专业任务方面更具优势,而 GitHub Copilot 的广泛 IDE 支持和简单的设置使其更容易被更广泛的受众使用。

最终,选择 Cursor AI 还是 GitHub Copilot 可能取决于定制需求、集成偏好和预算等因素。这两种工具都旨在以不同的方式提高编码效率。

结论

像 ChatGPT 这样的工具通过允许用户用自然语言解释他们的目标来编写代码,使编程变得更加容易。Cursor 更进一步,直接与代码编辑器集成,消除了在编辑器和聊天界面之间切换的需要。

虽然 Cursor AI 提供了一个专门为在 VSCode 环境中深度集成而设计的全面的独立解决方案,但像 GitHub Copilot 这样的工具在各种流行的 IDE 中提供了多功能性。最终,在这两者之间做出选择取决于个人对定制和易于设置的需求和偏好。

总而言之,Cursor AI 是一款强大的 AI 驱动的代码编辑器,有望改变开发人员对编码、重构和调试的看法。

Anysphere CEO Michael Truell 设想:

“我们的使命是创造一种神奇的工具,有一天它将编写世界上所有的软件。”