跳到主要内容

你与AI的第一次对话：Vibecoding 101

欢迎来到AI编程俱乐部！你的旅程不是从复杂的算法开始，而是从一次简单的对话开始。这篇文章为你介绍Vibecoding：使用AI助手作为头脑风暴伙伴来探索想法和草拟解决方案，而不必写完美代码的艺术。

什么是Vibecoding?​

Vibecoding是在深入细节之前为你的项目找到"感觉"。它帮助你克服"空白页"问题并鼓励探索。借助AI，你可以提出"如果"问题并获得即时反馈，这是开始任何项目的快速而有趣的方式。

选择你的AI工具​

有许多很好的AI编程助手。以下是一些受欢迎的选择：

  • ChatGPT：一个强大的、通用的AI，非常适合编程和解释概念。
  • Claude：以其大型上下文窗口而闻名，非常适合长对话和大型代码库。
  • GitHub Copilot：直接集成到你的代码编辑器中，在你输入时提供内联建议。

对于Vibecoding，像ChatGPT或Claude这样的基于聊天的工具是一个很好的起点。

你的第一个提示：好的提示的解剖​

好的提示提供背景并清楚地陈述你的目标。让我们开始一次对话来构建一个简单的待办事项应用程序。

糟糕的提示："制作一个待办事项应用程序。"

这太模糊了。AI必须做出太多假设。

好的提示：

我想使用HTML、CSS和JavaScript构建一个简单的待办事项列表网络应用程序。我是初学者。该应用程序应该有一个输入字段来添加新任务、一个列表来显示它们，以及一个标记任务为完成的按钮。你能给我基本的HTML结构来开始吗？

这个提示很好，因为它指定了：

  • 目标：待办事项列表网络应用程序。
  • 技术：HTML、CSS、JavaScript。
  • 你的技能水平：初学者。
  • 功能：输入字段、列表和按钮。

阅读AI的输出​

AI将使用代码块进行响应。不要只是复制和粘贴它！阅读它。试着理解每个部分做了什么。如果你看到不认识的东西，要求AI解释它。

"你使用了<ul>元素。那是什么，为什么你选择它？"

这是这个过程中最重要的部分。你不仅仅是得到代码；你得到个性化的课程。通过进行这次对话，你正在积极学习并建立代码如何工作的心理模型。

在我们的下一篇文章中，我们将取这次对话中的代码，实际构建并运行它，创建我们的第一个程序。