一步步来

这节课你会...

学会最重要的 Vibe Coding 工作方法：分步推进。一上来就要完整的复杂项目，大概率翻车。

一个真实教训

小明第一次用 AI 做项目，他发了这样一句话：

"帮我做一个完整的电商网站，有首页、商品列表、购物车、结算、用户登录，界面要像淘宝那样好看。"

AI 生成了一大段代码，两千多行。他复制粘贴，打开一看——页面乱七八糟，完全没法用。但代码太长，他根本不知道从哪开始修。

他花了两个小时，最后放弃了。

换个做法

第二天，他换了个方式：

第一步：

"先做一个最简单的商品列表页，只有 6 个商品卡片，每张卡片有图片、名称、价格。不需要登录，不需要购物车。"

AI 生成 100 行代码。能跑。卡片排列整齐。

第二步：

"很好。现在给每个商品卡片加一个'加入购物车'按钮。点击后把商品加到右上角的购物车图标里，图标显示数量。"

AI 修改了 30 行。能跑。按钮正常。

第三步：

"现在购物车可以有下拉菜单了。点击右上角购物车图标，展开一个侧边栏，显示已加的商品列表和总价。"

AI 又改了 50 行。

三小时后，他有了一个能用的商品列表 + 购物车。虽然离"完整电商网站"还很远，但已经能看、能用、能继续加了。

为什么分步比一次生成好？

你能控制。100 行代码出问题，你大概知道哪 30 行是刚才加的。1000 行出问题，你蒙了。

坏了好修。每步之后保存一个版本（v1.html, v2.html, v3.html）。改坏了随时回退。

看得懂。你亲自参与了每一步的演进，每一块代码你都看过，知道它为什么在那里。

慢就是快。每次只做一件事，你最终完成的比一次贪心多得多。