第一章:什么是 Vibe Coding
AI 能帮我们做什么
入门约 8 分钟概念
这节课你会...
搞清楚 AI 编程助手到底擅长什么、不擅长什么。知道边界在哪,才不会用错地方。
它有多强?
先看一个真实对话:
你:
帮我做一个网页版的番茄钟。25 分钟倒计时,有开始/暂停/重置按钮,到时间播放提示音。
AI:(30 秒后)
<!DOCTYPE html>
<html>
...
</html>
一个能跑的番茄钟,30 秒。纯手写你可能要花一个下午。
AI 真正擅长的事:
- 翻译需求为代码——你说想法,它写实现
- 解释看不懂的东西——把一段天书代码拆开讲给你听
- 找到 bug——把报错信息丢给它,通常能告诉你哪错了
- 改写和优化——"把这段代码改得更简洁"
它也经常翻车
AI 最让人踩坑的地方:
它不知道你心里在想什么。 你说"做个好看的页面",它不知道你眼里的"好看"是什么。你得说"白色背景、大标题、卡片式布局、蓝色作为强调色"。
它会编造不存在的东西。 你让它"调用微信接口做登录",它可能给你一段看起来很真但跑不通的代码。别让它做它不知道的事。
它不保证对。 AI 也会犯低级错误——漏掉一个引号、写错一个变量名。你得跑一遍看看能不能用。
它不了解你的具体场景。 你做的项目、你的用户、你的业务逻辑,你最清楚。AI 能帮你实现,但不能帮你设计。
把 AI 放对位置
把 AI 想象成一个刚从名校毕业的实习生:
- 基础知识扎实,学东西极快
- 但不了解你的项目,不知道你的偏好
- 会犯低级错误,需要你检查
- 你说得越清楚,ta 做得越好
- 你不能说"去做个网站"就不管了
这个心态对了,你和 AI 的合作就顺畅了。
AI 助教
AI 学习助手
你好!我是你的 Vibe Coding 学习助手。有什么不懂的随时问我,比如:
- 这个课程里的概念我不太明白
- 帮我看看这个描述能不能让 AI 理解
- 我想做一个 [xxx],该怎么描述?