夜雨聆风
针对完全0基础纯新手群体，今天我们做第一个案例，你跟着步骤一步步走下来，会发现所谓Vibe Coding，一点都不复杂。
原则就是：
你负责说清楚自己想要什么，AI负责把它做出来。
这个案例，我们一起做一个最简单的网页番茄钟开始。
第一步，先把需求说清楚
打开 DeepSeek，直接告诉它：
帮我做一个番茄钟网页，功能如下：
25分钟工作倒计时 + 5分钟休息倒计时，自动切换 大号数字显示剩余时间 有“开始”“暂停”“重置”三个按钮 工作时背景是暖色，橙色系；休息时是冷色，绿色系 时间到了有提示音 记录今天完成了几个番茄钟 所有代码放在一个 HTML 文件里，打开就能用
注意，这里你完全没有写代码。
你甚至不需要知道什么叫 HTML、CSS、JavaScript。
你只需要像跟一个程序员描述产品一样，把自己想要的东西说出来。
接下来，把剩下的事情交给 AI。
第二步，AI开始写代码
打开DeepSeek官网，输入上面的提示词。
DeepSeek 很快就会给你生成一份完整的 HTML 文件。
里面可能有一两百行代码。
你不用着研究每一行是什么意思，只需要确定一件事：
这个东西是不是你想要的？
把代码复制下来，保存成一个叫 pomodoro.html 的文件。
用电脑自带浏览器打开就是了。
浏览器里真的出现了一个番茄钟。
25分钟倒计时开始走，按钮可以点击，时间到了会响，工作和休息的背景颜色也会跟着变化，下面还会显示今天完成了几个番茄钟。
点击开始，时钟开始倒计时。
倒计时结束时，自动切换到休息模式。
现在你应该相信了，即便没有基础，你也能做出不错的网页。
但真正有意思的地方，现在才开始。
第三步，运行以后，一定会发现问题
AI写出来的第一版，通常不会完美。
比如你打开之后发现，提示音有点太小太短，根本听不清。
这时候怎么办？
以前遇到这种问题，你可能只能找程序员。
现在不需要。
直接把问题告诉 AI。
第四步，继续跟AI“吵架”
你可以这样说：
有1个问题要改：提示音换成长一些的，音量稍微大一点
给我修改后的完整代码。
然后，AI会重新给你一份完整代码。
你把旧代码替换掉，再打开网页。
看看问题解决没有。
如果解决了，继续看还有没有别的问题。
如果没有解决，就继续告诉它就好。
原则就是，你只需要不断告诉AI：
哪里不对，我希望它变成什么样。
这就是 Vibe Coding 最核心的地方。
第五步，别想着一次做完
很多零基础的人第一次用 AI 写代码，最容易犯的错误就是：
一上来就想做一个特别复杂的东西。
什么登录、数据库、会员、支付、后台、数据分析，恨不得一次全部做完。
最后代码跑不起来，自己也不知道问题出在哪里。
其实完全没必要。
你可以从一个特别小的东西开始。
比如今天只做一个番茄钟。
第一版先让它跑起来。
发现问题，就改。
改完以后，再加一个功能。
再发现问题，再改。
这样来回三五轮，一个真正能用的小工具就慢慢出来了。
整个过程可能只需要二十分钟。
所以，心态放平，给自己一次真正动手的机会。
找一个你每天都会用到的小需求。
哪怕只是一个番茄钟、记账工具、待办清单，甚至一个简单的网页。
把需求告诉 AI。
让它给你第一版。
打开。
看看哪里不满意。
再告诉它。
如此反复。
从需求到成品，这个过程本身，就是你的第一次 Vibe Coding。
这里，需要特别提醒的是，本文展示的只是最入门的案例，但也已经展示了AI编程的大致思路。
如果需要开发相对复杂的系统，一定还有很多坑的，比如AI口口声声说已经改好了一个问题，但实际并没有改好；前面你给它说好的，后面AI又忘了，类似的问题还有很多，那这些问题该如何处理？我会在后面的众多案例里给出答案。
<本文结束>
AI编程王路野，就喜欢用老奶奶都能看懂的方式，带更多普通人掌握AI编程。
感兴趣可以关注我，我会继续用大白话的方式，分享有关AI编程的相关干货内容，从入门基础、各种工具、经典案例、到复杂系统开发等等，都会毫无保留的分享出来。