我尝试了使用光标AI编码的Vibe编码，这太神奇了！

Vibe编码通过让我们使用自然语言而不是无尽的代码行创建应用程序来重塑软件开发的世界。受Andrej Karpathy等有远见的人的启发，这种创新的方法使开发人员可以简单地说或键入他们的想法，而AI工具（例如Cursor AI）可以处理繁重的工作。光标AI是一款突破性的代码编辑器，可以为初学者和专家加快工作流程加快工作流程。它可以自动执行常规任务，使开发人员专注于创意设计和战略性问题。在本文中，我们将彻底探讨使用光标AI的氛围编码如何改变我们构建现代软件的方式。

目录

• 什么是氛围编码？
• 什么是光标AI？
  • 光标AI如何工作
  • 光标AI的关键特征
• 如何安装光标AI
• 光标AI定价计划
• 使用光标AI构建基于Web的待办事项应用
  • 步骤1：创建项目目录
  • 步骤2：安装依赖项
  • 步骤3：运行应用程序
  • 步骤4：改进前端设计
  • 步骤5：添加动画
  • 步骤6：最终测试
• 使用光标AI编码的Vibe编码的局限性
  • AI生成的代码的当前限制
  • 需要人类专业知识
• 我的最后想法
• 结论
• 常见问题

什么是氛围编码？

Vibe编码是编程的范式转移，其中焦点从语法和手动编码转变为高级设计和思想表达。您只需描述您想要的应用程序，而不是费力地键入代码。 AI采用您的说明，对其进行处理，并以最少的干预生成工作代码。结果，即使是有限的编码经验的人也可以迅速构建功能应​​用程序。这种方法正在硅谷及以后的浪潮，承诺将软件开发民主化。

“这并不是真正的编码 - 我只是看到东西，说东西，运行东西和复制的东西，并且主要是有效的。 ” - Andrej Karpathy

Vibe编码的核心是指描述您要应用程序的操作，并让AI工具为您生成必要的代码。这是关于思想表达，迭代精致和自动化常规编码任务的内容。该过程依赖于自然语言提示和持续反馈来塑造功能高质量的软件。

尽管传统的编码需要深厚的技术专业知识和耗时的调试，但AI驱动的工具（例如光标）可以解释您的口头或书面说明，并迅速生成代码。这种演变将开发人员的角色从手动编码转变为创造性问题解决和系统设计。

它还可以更快地制作原型，并显着提高生产率。通过使平凡的任务自动化，它为即使是非专家构建工作应用程序的大门打开了大门，使软件开发更容易访问和创新。

什么是光标AI？

光标AI是一种先进的，AI驱动的集成开发环境（IDE），可将自然语言指令转换为代码。通过利用最先进的语言模型和上下文分析，光标AI可帮助开发人员有效地生成，调试和维护代码，从而简化整个开发过程。

光标AI如何工作

现在，让我们了解光标AI的工作原理。这是涉及的步骤：

1。自然语言输入

开发人员首先键入或说出他们的要求，例如“创建用户身份验证路由”或“在此功能中修复错误” - 直接将其直接纳入IDE。此输入构成了AI行动的基础。

2。上下文分析

在生成代码之前，Cursor AI分析了整个代码库。它了解项目结构，编码约定和现有模式，以确保任何新代码与现有系统无缝集成。

3。AI驱动的代码生成

AI使用功能强大的语言模型进行编程任务，将自然语言提示转换为工作代码。它遵守最佳实践和建立的编码标准，以生成可靠的生产准备代码。

4。自动调试和完善

光标AI通过自动检测语法错误和逻辑问题来超越代码生成。它提供了调试建议，并根据开发人员的反馈来迭代地完善其输出，从而在不手动干预的情况下快速解决问题。

5。增强的文档查找

IDE结合了一个智能文档系统，该系统允许开发人员快速访问内部项目文档和外部资源。此功能可确保开发人员可以轻松找到相关的代码示例，API文档以及根据需要进行故障排除指南。

光标AI的关键特征

以下是光标AI的一些关键特征：

• AI驱动的代码生成：将自然语言要求转换为功能代码，从而减少手动编码。
• 自动调试：识别并建议修复错误，从而简化调试过程。
• 上下文感知的帮助：了解整个代码库，以提供量身定制的建议并保持一致性。
• 增强的文档查找：可快速访问文档和外部资源，以解决查询并澄清概念。

光标AI通过使重复任务自动化大大减少开发时间，使开发人员能够专注于高级设计和解决问题

如何安装光标AI

在研究Vibe编码之前，您需要安装光标AI。这是一个逐步指南，可以让您入门：

1. 下载光标AI

   访问官方网站（通常是Cursor.ai或[Cursor.com]），然后单击“下载”按钮。网站应自动检测您的操作系统并提供正确的安装文件。

2. 运行安装程序

   对于Windows和MacOS：
   只需运行下载的安装程序文件，然后按照任何其他应用程序就可以按照屏幕上的说明进行操作。
   
   对于Linux（Ubuntu）：
   - 下载为Linux提供的附属文件。
   
   - 打开终端并将附属物移至永久位置（例如， /opt目录）通过运行：
   sudo mv [文件名] /opt/cursor.appimage
   
   - 使适应性可执行：
   chmod x /opt/cursor.appimage

3. 启动光标AI

   对于Windows和MacOS：
   安装后，从桌面快捷方式或您的应用程序菜单启动光标AI。
   
   对于Linux（Ubuntu）：
   - 通过打开终端并执行来创建桌面条目：
   sudo nano/usr/share/applications/cursor.desktop
   
   - 将以下内容插入文件：
   [桌面条目]
   名称=光标
   exec =/opt/cursor.appimage
   图标=/opt/cursor.png
   type =应用程序
   类别=开发；
   
   - 保存文件（按CTRL X，然后Y，然后输入）。
   
   - （可选）将一个名为cursor.png的PNG图像放在 /opt目录中以设置应用程序图标。您可能需要注销并重新登录以进行更改才能生效。

4. 初始设置和配置

   在第一次启动时，您将提示您配置基本设置，例如键盘快捷键，AI交互的语言以及是否启用范围范围的索引。
   
   您还可以选择安装其他命令，使您可以直接从终端启动光标AI。

5. 导入VS代码设置（可选）

   如果您是Visual Studio代码用户，则可能会提示您导入VS代码设置。此步骤将导入您的扩展，主题，用户设置和键盘快捷键，以提供熟悉的开发环境。

6. 注册 /登录

   使用您的电子邮件，Google或GitHub凭据创建帐户。新用户经常在注册时免费获得光标Pro的免费试用。

光标AI定价计划

光标AI提供了三种不同的定价计划：爱好，专业和业务。免费版本或业余爱好计划包括14天的专业审判，2,000个完成和50个缓慢的溢价请求。 Pro计划的价格为每月20美元，包括无限的完成，500个快速溢价请求以及无限的慢速请求。如果每年收费，您可以以每月16美元的折扣价获得Pro计划。该业务计划的价格为每月40美元/用户，将集中式计费，管理控制，隐私执行和SSO集成为PRO计划。

除了这些固定价格层外，光标AI还提供企业解决方案，并提供定制定价和扩展支持。虽然14天的专业审判可访问无限的完成和500个快速请求，但一些用户报告了非官方试验重置。快速请求是优先级的，而缓慢的请求可能会延迟。定价可确保可持续性，因为运行像GPT-4O或Claude这样的大型AI模型会产生高昂的成本。

使用光标AI构建基于Web的待办事项应用

现在，让我们尝试在光标AI的帮助下，使用烧瓶构建一个基于Web的待办事项应用程序。通过使用AI辅助编码，我们可以快速设置该项目，同时根据需要完善设计和功能。

使用烧瓶和光标AI创建基于Web的待办事项应用程序，可以在专注于设计和功能的同时简化开发过程。本指南将介绍整个工作流程，从设置项目目录到添加动画，确保平滑而抛光的应用程序。

请记住，光标AI可能会在相同的提示下生成不同的输出。建议您根据您收到的输出以与项目要求保持一致的输出来修改后续提示。所以现在，让我们开始。

步骤1：创建项目目录

在生成待办事项应用程序之前，最好为项目创建专用目录。这样可以确保光标AI将所有生成的文件都放置在正确的位置。

提示创建目录和脚手架项目： “构建基于烧瓶的Web来制作应用程序”

当我提示“使用烧瓶构建基于Web的待办事项应用程序”时，Cursor AI迅速设置了该项目。它检查工作空间并创建基本文件：依赖依赖项， app.py ，用于主应用程序， html的模板/文件夹以及CSS的静态/文件夹。

光标AI具有添加，标记和删除任务的功能。它使用SQLite数据库进行存储，并设计具有动画，Hover效果和Poppins字体的现代响应UI 。每个任务也包括用于跟踪的时间戳。

要运行该应用程序，它建议使用PIP install -r unigess.txt安装依赖项，并使用python app.py启动服务器。我只需单击“接受全部”就接受了所有更改，如上图中所示。

在这里，您可以看到目录已创建。

在下面的视频中，您可以看到光标AI创建了制作待办事项应用所需的文件。

步骤2：安装依赖项

创建文件后，下一步是安装来自需求的所需依赖项。为此，我将为光标代理提供提示。

提示： “安装要求”

如您在图像中所见，我们要做的就是通过单击光标AI中的“运行命令”按钮来确认安装过程。

步骤3：运行应用程序

在安装了所有依赖项后，我们现在可以运行app.py文件以启动烧瓶应用程序。

提示： “现在运行app.py”

只需单击“运行命令”。

运行应用程序后，当我单击此URL时，我得到了基于网络的待办事项应用http://127.0.0.1:5000

步骤4：改进前端设计

该应用程序成功运行，但我对前端不满意。它看起来太基础了，并且不像我想要的那样吸引人。为了增强设计，我将提示Cursor AI通过完善样式，优化布局并添加交互式元素来改进，以使UI更具吸引力。让我们看看如何完成

提示改进UI： “我不喜欢该应用当前的设计，包括更多蓝色，使其变得更好，更引人注目”

这是进行更改的视频。

应用这些增强功能后，待办事项清单看起来更加精致和视觉上吸引人。现在，让我们添加一个任务，看看它是如何工作的。

因此，我们可以看到，在添加任务后，我们将获得诸如“完整”或“删除”之类的选项。 “完成”将表明您已经完成了工作，并且“删除”将从列表中删除任务。它还显示了创建列表的时间。

我们的新的和改进的Web应用程序现在已经准备好了。

UI看起来很棒！但是现在让我们添加一些动画。

步骤5：添加动画

我们可以添加动画来创建更光滑的过渡并改善用户体验。

提示添加动画： “使用平滑​​的CSS和JavaScript动画来增强我的烧瓶待办事项列表UI，以进行任务操作，按钮悬停效果和过渡。”

单击“运行命令”按钮，我们可以看到它正在为我们的动画创建JavaScript。

光标AI生成动画后，我们可以测试它们的功能并完善它们以获得更平稳的体验。

这是我使用Cursor AI创建的基于Web的待办事项应用程序的最终结果。

步骤6：最终测试

实现动画后，通过添加，更新和删除任务来测试整个应用程序，以确保其运行顺利。如有必要，请进行其他细化以改善用户体验。

另请阅读：通过REPLIT移动应用程序免费在手机上构建无代码AI代理！

使用光标AI编码的Vibe编码的局限性

虽然诸如光标AI之类的平台编码的Vibe编码提供了变革性的功能，但它也带来了自己的挑战。了解这些局限性对于开发人员在减轻缺点的同时最大程度地发挥其潜力至关重要。

AI生成的代码的当前限制

• 放置的生成的代码：光标AI有时将代码插入不正确的位置，从而导致错误和中断。在精确的代码放置至关重要的复杂项目中，此问题尤其有问题。
• 上下文健忘：在项目之间进行不活动或切换后，光标AI可能会失去上下文，从而导致建议不准确。这可以降低生产力，尤其是在大型或多文件项目中。
• 在复杂的错误检测中挣扎：虽然Cursor AI有效地识别了常见的错误，但它与需要对代码库或特定领域知识的复杂问题进行斗争。开发人员必须手动干预以解决此类问题。
• 代码质量问题： AI生成的代码可能缺乏人类专业知识的精度，可能引入效率低下，安全风险或合规性问题。这在医疗保健或金融等规范领域中尤其令人担忧。
• 可伸缩性挑战：随着项目的增长，光标等人工智能工具可能难以管理较大的代码库或复杂的系统体系结构。人类干预对于可伸缩性和可维护性仍然是必要的。

需要人类专业知识

• 监督和质量保证：开发人员必须审查AI生成的代码，以确保其符合项目标准，避免安全漏洞并保持高度可靠性。
• 处理复杂的业务逻辑： AI工具通常无法理解复杂的业务需求。开发人员需要提供明确的说明并进行干预，以使代码与项目需求保持一致。
• 道德考虑：由于培训数据的限制，AI模型可以引入偏见或错误。人类的监督对于确保道德和负责任的编码实践至关重要。
• 补充创造力和解决问题的问题：虽然AI擅长自动重复任务，但它缺乏人类的创造力和战略思维。开发人员对于创新和复杂的解决问题仍然必不可少。

我的最后想法

使用光标AI感觉就像我正在将我的想法直接归为工作代码。这是快速，直观且真正有趣的。虽然它不是完美的，并且仍然需要人类的监督，但简化编码的方式正在改变游戏方式。如果您是开发人员，则应尝试使用Vibe编码；它可能只会改变您的工作方式！

结论

光标AI使编码毫不费力，以最少的精力将想法转变为功能应用。尽管它不是完美无瑕的，并且需要人为干预复杂的逻辑和错误修复，但其简化开发的能力是不可否认的。它使开发人员能够专注于创造力，而不是重复的编码任务。无论您是初学者还是经验丰富的程序员，使用Cursor AI编码的Vibe编码都可以瞥见软件开发的未来 - 创新，速度和效率是中心阶段。

常见问题

Q1。什么是氛围编码？

A. Vibe编码是一种用于软件开发的新方法，开发人员用自然语言描述他们想要的内容，而AI工具（例如Cursor AI）会自动生成代码。

Q2。 Vibe编码与传统编码有何不同？

答：传统编码需要手动编写语法，调试和结构代码，而Vibe编码则集中在高级构想表达上，让AI处理代码生成和改进。

Q3。谁可以从氛围编码中受益？

答：初学者和经验丰富的开发人员都可以从Vibe编码中受益，因为它简化了编码任务，加快开发加快，并可以更多地关注解决问题和设计。

Q4。什么是光标AI，它如何帮助Vibe编码？

A.光标AI是AI驱动的代码编辑器，将自然语言提示转换为工作代码，自动调试并协助文档，从而使开发更快，更有效。

Q5。我需要知道编码以使用Vibe编码吗？

答：虽然某些编程知识很有帮助，但Vibe编码使软件开发可通过自动处理语法和结构自动处理有限的编码体验来访问。

Q6。 AI生成的代码可以完全取代人类程序员吗？

答：AI可以协助自动化和效率，但是人类的监督对于处理复杂的逻辑，调试和确保高质量，安全的代码仍然至关重要。

Q7。 Vibe编码的主要优点是什么？

A. Vibe编码会加速发展，减少重复的任务，改善非专家的可访问性，并使开发人员能够专注于创造力和战略性问题解决问题。

以上是我尝试了使用光标AI编码的Vibe编码，这太神奇了！的详细内容。更多信息请关注PHP中文网其他相关文章！