发现与Cursor的Vibe Coding
预览图什么是Vibe Coding?
Vibe coding是一种AI辅助编程的方式,您可以用自然语言描述问题或应用程序,让AI系统生成解决代码。实际上,这意味着您用简单的术语告诉计算机您想要什么——例如,“我需要一个显示友好欢迎信息和今天日期的网页”——AI会尝试为您编写所需的代码。
Vibe coding将程序员的角色从编写详细代码转变为用高层次的指令和想法引导AI。正如Andrej Karpathy开玩笑地描述他的经历,“这其实不是编程——我只是看东西、说东西、运行东西和复制粘贴东西,它大多数情况下都能工作。”
无Cursor简介
Cursor是一个AI驱动的代码编辑器,旨在使Vibe coding变得简单直观。简单来说,Cursor是您计算机上的一个程序,您可以在其中借助AI助手编写或生成代码。它的外观和感觉与普通的编码环境非常相似,但内置了智能,可以理解普通英语中的指令并相应地生成代码。Cursor被称为*“AI代码编辑器”,因为它将AI紧密集成到编码工作流程中,让您*“通过指令编写代码”**而不是手动输入所有内容。
Cursor AI的一些主要功能和特性包括:
•AI驱动的代码生成——您可以输入想要的内容(用自然语言),Cursor会将这些需求转换为实际代码。这大大减少了您需要手动编码的数量。
•自动调试辅助——Cursor可以识别它生成的代码(或您编写的代码)中的错误或bug,并建议修复方案,使调试过程更快且不那么令人沮丧。
•上下文感知帮助——Cursor中的AI并不是盲目工作的;它实际上理解您的项目上下文。它可以查看您所有的文件,并提出适合您项目的建议,确保生成的代码与您已有的内容一致。
无
•文档和学习工具——Cursor提供文档的快速查阅,甚至可以为您解释代码。例如,如果您看到一些代码但不确定它的作用,可以询问Cursor,它会提供解释或相关文档链接。
简而言之,Cursor AI就像编程的智能副驾驶:它帮助您生成新代码、完成您开始编写的内容、修复问题并回答问题——所有这些都在一个熟悉的编辑器界面中。它基于类似ChatGPT的技术,但专门针对编程任务,这意味着它可以处理编码查询并产生常规文本助手可能不容易提供的解决方案。对于初学者来说,这意味着您有一个工具,可以将您的想法(用普通语言描述)转化为可工作的代码,并帮助您理解和完善这些代码。Cursor旨在**“智能、快速且熟悉”**,为您在用户友好的代码编辑器中提供AI的强大功能。
教程:使用Cursor AI进行Vibe Coding
现在,让我们逐步了解如何开始使用Cursor AI进行Vibe coding。我们将从安装Cursor开始,逐步生成代码,并使用自然语言提示。我们还将查看一个示例项目,以了解初学者如何在Cursor的帮助下创建一些东西。
安装和设置
开始使用Cursor非常简单。请按照以下步骤在您的计算机上安装和设置Cursor AI编辑器:
1.下载Cursor——访问官方Cursor网站,并下载适合您操作系统的应用程序。该网站通常会自动检测您使用的是Windows、Mac还是Linux,并提供正确的安装程序文件。只需点击网站上的**“下载”**按钮。
无
2.运行安装程序——下载完成后,运行安装程序文件。像安装其他应用程序一样安装Cursor。
3.启动Cursor——安装完成后,打开Cursor AI。编辑器将打开,呈现出类似其他代码编辑器的界面(如果您见过Visual Studio Code,它会显得很熟悉)。
4.初始配置——在第一次启动时,Cursor可能会要求您配置一些内容。别担心——您可以大多数情况下接受默认设置。它可能会询问您关于键盘快捷键、与AI对话时使用的语言(例如英语)以及是否启用项目范围的索引(这有助于AI理解您的整个项目)。如果您不确定,可以选择默认设置,稍后在偏好设置中进行更改。Cursor还可能会询问您是否想从VS Code导入任何设置(这可选,主要适用于有该编辑器编码经验的用户)。
5.注册/登录——要使用AI功能,您可能需要创建一个Cursor账户(如果尚未创建)。您可以使用电子邮件注册或通过Google/GitHub登录。免费套餐允许每月有限次数的AI补全,通常足够您尝试。新用户通常可以获得几周的Pro功能免费试用,因此您可以最初体验完整的功能。登录后,您就准备好了——现在您应该可以使用Cursor AI进行Vibe coding!
使用自然语言提示生成代码
安装 Cursor 后,您现在可以开始vibe coding—— 也就是通过用普通语言描述您想要的内容来生成代码。以下是在 Cursor AI 中执行此操作的方法:
打开 AI 提示或聊天
在 Cursor 编辑器中,您将有一个 AI 助手随时准备帮助您。您可以通过打开聊天面板或提示框来激活它。例如,按下快捷键Ctrl+L(Mac 上为 Cmd+L)会打开一个侧边栏聊天,您可以与 AI 进行对话,而Ctrl+K则会打开一个内联提示用于代码生成。(不用担心记住快捷键 — 您也可以点击屏幕上的图标或菜单选项来激活 AI 助手。)
描述您想要的内容
一旦 AI 聊天或提示打开,您只需用普通英语输入您的请求。清晰具体地说明您需要的内容。例如,您可以输入:“创建一个简单的网页,显示大字的 'Hello, World!',背景为蓝色。” 不需要特殊语法 — 只需解释您想要的想法或功能。这种自然语言指令是 vibe coding 的核心。当您完成输入提示后,发送它(通过按 Enter 键或点击“生成”按钮)。
让 AI 生成代码
Cursor 的 AI 现在将处理您的提示。片刻之后,它将向您展示代码建议。如果您开始了一个新文件,它可能会显示实现您请求的完整代码。如果您是在一个文件中工作,它可能会显示一个代码片段或更改(例如,添加新的代码行)。AI 甚至可能在生成代码时解释它所做的事情,以便您理解输出。
审查并接受代码
生成后,建议的代码可能以预览或差异(diff)格式出现。查看 AI 写的内容。如果看起来正确,您可以通过点击“接受”或“应用”按钮将其插入到您的项目中。例如,Cursor 可能会将新代码高亮显示为绿色 — 表示这些是它将添加的行 — 您只需确认以接受它们到您的文件中。如果有些内容不是您想要的,您可以调整提示并重新尝试,或手动编辑代码。请记住,您始终掌控 — 如果建议不正确,您可以拒绝并请求新的方法。
运行或测试代码
一旦您接受了 AI 的代码到您的项目中,您可以运行它以查看结果(这可能涉及切换到终端或使用 Cursor 的内置终端,如果它有的话)。例如,对于一个网页,您需要在浏览器中打开 HTML 文件以检查它。如果是一个小程序或脚本,您可以运行它以确保它按预期工作。测试输出是很重要的,特别是您希望验证 AI 是否正确理解了您的指令。如果您发现问题,可以返回并请求 Cursor 修复它(例如,“修复我点击按钮时发生的错误”)— AI 可以为您生成修正。
这就是基本的循环:提示 生成 审查 接受 测试。您可以重复这个循环,一步一步构建您的项目。随着您变得更加熟练,您还可以使用其他功能:例如,您可以高亮一段代码并请求 AI 解释或改进它。Cursor 将显示解释或改进后的代码,您可以应用它。
它甚至有一个自动补全功能,当您输入时,它会预测代码的下一部分(您可以按 Tab 键接受建议),这可以大大加快手动编码的速度。但作为初学者,您可以主要依赖聊天/提示,直到您感到冒险尝试这些额外功能。
使用 Cursor 进行 Vibe 编码的最佳实践
使用 Cursor 可能感觉像魔法,但为了充分利用 vibe 编码,请记住这些最佳实践。它们将帮助您顺利高效地工作,尤其是作为初学者时:
•清晰描述您的意图:在提示 AI 时,尽可能清晰和具体地说明您的需求。例如,不要说“做一些酷的东西”,而是具体说明“创建一个网页,标题为‘欢迎’,并有一个按钮,写着‘点击我’。”清晰的指示有助于 AI 更好地理解您的愿景。
•逐步进行:将您的项目或问题分解成更小的任务,并逐个解决。Vibe 编码最有效的方式是迭代过程。从您想要的基本版本开始,然后逐渐添加功能或改进,使用新的提示。例如,首先让一个简单的页面工作,然后请求 Cursor 添加一个表单输入的功能,再添加样式,依此类推。这样,如果出现问题,更容易定位和修复。
•经常审查和测试:尽管 AI 编写代码,但测试代码以确保其按预期工作仍然很重要。AI 有时可能会误解指令或生成有小错误的代码。运行您的程序或打开您的网页,查看其是否正常运行。如果遇到错误或某些地方不对,您可以请求 Cursor 帮助修复。请记住,代码的质量和正确性仍然很重要 —AI 生成的代码不保证完美,因此快速审查或测试可以避免您后续的困惑。您不需要深入的技术知识来进行测试;只需像用户一样使用应用程序,看看它是否有效。
•根据结果优化提示:如果 AI 的输出不是您预期的,不要气馁。您可以简单地重新措辞请求或添加更多细节。Cursor 有时可能会对相同的提示给出不同的结果,因此调整您的指示以引导它朝您想要的方向。例如,如果它生成的内容稍有偏差,您可以说:“这很接近,但请再做 X,”或“对 Y 使用不同的方法。”这种反复沟通是正常的 — 把它看作是与 AI 合作。
•利用 Cursor 的指导功能:请记住,Cursor 的功能不仅仅是输出代码。您可以在聊天中问它诸如“这段代码做什么?”或“我如何在这里添加下拉菜单?”之类的问题。它可以用简单的术语提供解释,这对于学习非常有帮助。如果您提示它“改善这段代码的可读性”或“优化这个函数”,它还可以建议改进。使用这些功能不仅可以帮助您完成工作,还可以让您理解过程。
•注意限制:虽然 vibe 编码很强大,但复杂项目可能仍需要一些传统编码或故障排除。有时 AI 可能无法在第一次尝试时准确理解非常复杂的需求,或者可能需要在细节上进行指导(例如,您喜欢哪种颜色方案,或者在复杂任务中使用哪种算法)。要有耐心并准备进行迭代。此外,如果 Cursor 似乎感到困惑或产生错误,您可能需要将请求分解为更简单的形式,或者仔细检查您的提示是否可以用另一种方式理解。
•通过实践不断学习:最后,将每个 AI 生成的解决方案视为学习机会。随着时间的推移,您会开始识别模式(例如,“哦,这就是如何在 HTML 中创建表单”或“我明白了,要在 Python 中读取文件,AI 使用了这个函数”)。这将帮助您更好地编写提示,甚至激励您自己调整一些代码。您不需要正式的编程课程就能享受 vibe 编码,但在此过程中获取一些知识将使您能够借助 Cursor AI 的帮助,处理更大更有趣的项目。
通过遵循这些最佳实践,您可以确保与 Cursor 的顺利体验。Vibe 编码完全是关于 您(提供想法和目标)与 AI(进行繁重编码工作)之间的合作。通过清晰的沟通和一点好奇心,您将能够将您的应用程序创意变为现实,并可能在此过程中享受学习一些编码概念的乐趣 — 所有这些都无需按传统方式编写代码。祝您愉快地进行 vibe 编码!
领取专属 10元无门槛券
私享最新 技术干货