小白 Vibe Coding 系列 / 第1章:Vibe Coding 是什么?
用一个旅行打包清单案例,认识 Vibe Coding 的真实边界:AI 负责生成,学习者负责表达、检查和判断。

第1章:Vibe Coding 是什么?
这一章你要解决的问题
你可能是因为看到这些说法才来的:
- “不会写代码,也能做 App。”
- “一句话生成网站。”
- “AI 可以帮你把想法变成产品。”
- “以后人人都是程序员。”
这些说法有一部分是真的,但也很容易让新手产生误解。
所以第一节课,我们先不急着背概念。
你会先看到一个很小的例子:
用一句清楚的话,让 AI 做出一个能新增、勾选、分类筛选的旅行打包清单网页。
这个例子不复杂,但它能让你马上感受到 Vibe Coding 最吸引人的地方:
你不需要先学几个月语法,才有资格把一个想法变成能点、能试、能修改的小作品。
不过,本章也会帮你建立一个清醒的判断:
Vibe Coding 可以让 0 基础学习者更快做出软件原型,但它不能替你承担理解、验证、安全和维护的责任。

如果这句话你现在还没完全理解,没关系。读完这一章,你会知道它是什么意思。
1.1 先看一个 10 分钟能做什么
假设你准备出门旅行,想做一个打包清单网页。
如果你对 AI 说:
帮我做个网站。
AI 很可能会给你一个普通网页:有标题、有按钮、有几段介绍,但不一定真的能解决你的问题。
现在把需求说清楚一点:
帮我做一个旅行打包清单网页。
用户可以新增物品名称,并选择分类。
分类包括:证件、衣物、电子设备、日用品。
每个物品可以勾选“已打包”。
页面适合手机浏览。
数据先保存在浏览器本地。
不需要登录,不需要数据库,不需要支付。
这时,AI 更可能生成一个真正能用的小工具。
你还可以继续要求它改:
请新增分类筛选按钮:全部、证件、衣物、电子设备、日用品。
点击按钮后,只显示对应分类的物品。
保持手机端布局清晰。
你会发现,Vibe Coding 的第一份惊喜不是“AI 懂魔法”,而是:
当你能把想法说清楚,AI 可以很快帮你做出第一版。
第一节课最适合从这样的演示开始:先看一句模糊需求会得到什么,再看一条清楚需求如何变成可运行的小工具,最后做一次小修改。
这样你会马上明白:自己不是在旁观 AI 表演,而是在学习怎么指挥、检查和迭代。
1.2 一句话讲清楚 Vibe Coding
Vibe Coding,就是你用自然语言告诉 AI 你想做什么,AI 帮你生成代码,你再运行、检查、修改,直到它变成一个能用的东西。
这个说法来自 2025 年 Andrej Karpathy 对新型编程方式的描述。他当时强调的不是“AI 自动替你负责”,而是学习者或开发者用语言描述意图,让模型承担大量写代码的工作。
以前做软件,大概是这样:
开发者想功能 -> 开发者写代码 -> 开发者运行 -> 开发者修 bug
Vibe Coding 更像这样:
项目负责人描述需求 -> AI 写代码 -> 项目负责人运行检查 -> 项目负责人继续描述修改 -> AI 继续改
这里最重要的是:你没有消失。
AI 只是把“写代码”这一步变快了,但下面这些事情仍然需要你负责:
- 你到底想做什么。
- 什么结果算成功。
- 页面是否真的能用。
- 数据有没有丢。
- 密钥有没有泄露。
- AI 有没有改坏别的功能。
- 出问题时能不能回到上一个正常版本。
所以,Vibe Coding 不是“我不用管,AI 全自动做好”。
更准确的说法是:
你从亲手写每一行代码的开发者,变成了指挥 AI、检查结果、决定方向的项目负责人。

1.3 为什么 2026 年值得学?
Vibe Coding 不是一个小众玩具。到 2026 年,AI 辅助写代码已经变成很多开发者、创业者、设计师和产品人的日常工具。
它真正值得学的原因,不是“AI 会替代所有开发者”,而是它让更多学习者可以更早进入这个循环:
有想法 -> 做出第一版 -> 自己试用 -> 修改 -> 再试用
以前很多好想法会卡在第一步:
我不会写代码,所以我只能先放着。
现在你可以先做出一个低风险原型,看它到底有没有用。
但这里有一个矛盾:
每天使用 AI 写代码的学习者很多,真正放心交付结果的负责人很少。
这个现象可以叫做“信任悖论”:很多开发者和学习者每天都用 AI 写代码,但并不完全相信 AI 输出。
这正是你需要学习本教程的原因。
你不是来学“盲目相信 AI”,而是来学:
- 怎么把需求说清楚。
- 怎么让 AI 小步执行。
- 怎么检查它做得对不对。
- 怎么保留回退方案。
- 怎么避免安全和隐私事故。
会用 AI 的学习者越来越多,会安全验收 AI 输出的项目负责人更稀缺。

1.4 一个生活化比喻
你可以把 AI 想成一个动作很快、懂很多工具、但不真正理解你生活细节的实习生。
你说:
帮我做个网站。
它可能真的会做一个网站,但大概率是一个很普通、很空泛的网站。
你说:
帮我做一个旅行打包清单网页。
用户可以新增物品名称、选择分类、勾选是否已打包。
页面要适合手机浏览。
数据先保存在浏览器本地,不需要登录。
它就更有可能做出你要的东西。
这就是本教程会反复强调的第一条规则:
AI 的输出质量,通常不会超过你描述需求的清晰程度。
1.5 Vibe Coding 和传统编程有什么不同?
你不需要背概念,只要先看懂这张表。
| 对比项 | 传统编程 | Vibe Coding |
|---|---|---|
| 谁写代码 | 开发者自己写 | AI 主要写 |
| 负责角色的重点 | 开发者学习语法、写逻辑、调 bug | 项目负责人描述需求、检查结果、控制风险 |
| 入门门槛 | 高 | 低 |
| 速度 | 前期慢 | 前期很快 |
| 风险 | 自己写错 | AI 写错但你可能看不出来 |
| 最容易踩的坑 | 不会写 | 以为能用就等于没问题 |
对 0 基础用户来说,Vibe Coding 最大的好处是:
你不用先学几个月语法,也能开始做一个真实的小东西。
但它最大的危险也在这里:
你可能在完全不理解代码的情况下,把一个有问题的东西发布出去。
所以这套教程不会只教你“怎么让 AI 生成代码”,还会教你:
- 怎么描述需求。
- 怎么检查功能。
- 怎么看懂常见错误。
- 怎么保存版本。
- 怎么避免泄露隐私。
- 怎么判断一个项目是不是超出了你的能力范围。
1.6 AI 辅助编程的 5 个层级
不是所有“用 AI 写代码”都一样。
你可以按风险从低到高理解:
| 层级 | 你在做什么 | 新手建议 |
|---|---|---|
| 自动补全 | AI 补几行代码 | 可以了解,不是必需 |
| 聊天问答 | 让 AI 解释、给方案 | 推荐 |
| 辅助生成 | AI 写功能,你检查 | 推荐从这里练 |
| Agent 执行 | AI 改文件、跑命令 | 谨慎使用 |
| 盲目接受 | AI 做什么都点同意 | 不建议 |
本教程推荐你走中间路线:
AI 多写代码,你多做判断。
不要把自己变成“只会点 Accept 的人”。
这里要补一句重要的话:
严格来说,最早被讨论的 Vibe Coding 更接近一种快速试验方式:AI 生成很多代码,使用者主要看运行效果,不一定认真阅读每一处改动。
本教程会采用更适合新手学习的版本:
允许 AI 多写代码,但学习者必须逐步学会检查结果、解释关键逻辑、保护数据和保存退路。
1.7 你适合用 Vibe Coding 做什么?
先从适合的事情开始。
如果你是 0 基础,建议优先做这些项目:
- 个人介绍页
- 待办清单
- 番茄钟
- 记账小工具
- 旅行打包清单
- 习惯打卡
- 简单数据整理脚本
- 简单内容生成工具
- 小型 AI 翻译器
- 小型知识问答页面
这些项目有几个共同点:
- 就算做错了,损失也比较小。
- 功能边界清楚。
- 你可以自己点一遍检查。
- 不需要处理复杂支付、隐私、权限和法律责任。
这类项目最适合新手练习。
1.8 暂时不要碰什么?
如果你是 0 基础,请先不要用 Vibe Coding 独立做这些东西:
- 支付系统
- 医疗诊断工具
- 金融交易工具
- 自动下单程序
- 公司内部敏感系统
- 处理大量用户隐私数据的产品
- 需要强权限控制的后台系统
- 一旦出错就会造成严重损失的系统
不是说 AI 不能帮这些项目写代码,而是:
这些项目出了问题,后果不是“网页不好看”这么简单。
可能是钱丢了、数据泄露了、用户受伤了、公司违法了。
如果你以后真的要做这些项目,至少需要有专业工程师做安全审查。
新手阶段,请先记住一句话:
可以拿 Vibe Coding 学习和做原型,不要拿它赌安全、金钱和责任。

1.9 小白最容易误解的 5 件事
误解一:AI 生成出来能跑,就说明没问题
不一定。
一个网页能打开,只代表它“表面上能运行”。它可能还有这些问题:
- 手机端布局错乱。
- 刷新后数据丢失。
- 输入特殊字符就报错。
- 多点几次按钮就重复提交。
- API Key 写在前端代码里。
- 别人能看到不该看的数据。
所以以后每次 AI 写完,你都要做“运行检查”,而不是只看它说“已经完成”。
误解二:我不会代码,所以不用看代码
你不需要一开始就逐行看懂代码。
但你至少要学会问 AI:
请用中文解释这个项目的文件结构。
哪些文件最重要?
用户点击按钮后,数据从哪里来,到哪里去?
有没有保存数据?
有没有调用外部 API?
你看不懂代码没关系,但不能完全不问。
误解三:报错了就继续让 AI 修
连续让 AI 修同一个问题,很容易变成“补丁套补丁”。
本教程会给你一条简单规则:
同一个 bug,AI 连续修 3 次还没好,就先停。
停下来做三件事:
- 回到上一个正常版本。
- 让 AI 总结它刚才改了什么。
- 换一种方式重新描述问题。
误解四:工具越强越适合我
不一定。
对新手来说,最好的工具不是功能最多的工具,而是:
- 打开就能用。
- 不容易误删文件。
- 有预览窗口。
- 有简单部署功能。
- 报错信息能看见。
所以你第一天不一定要用最强的 Claude Code、Cursor 或复杂终端工具。
你可以先从 Bolt.new、Replit、Lovable 这类浏览器工具开始。
误解五:Vibe Coding 可以替代学习
它可以替代一部分手写代码的工作,但不能替代基础理解。
你至少需要慢慢理解这些概念:
- 文件是什么。
- 前端和后端是什么。
- 数据保存在哪里。
- API Key 为什么不能公开。
- Git 为什么能救命。
- 报错信息怎么看。
不用急着一次学完。后面的章节会通过项目慢慢带你学。
1.10 从今天开始,你的角色变了
以前你可能觉得:
我不会代码,所以我不能做软件。
从今天开始,你要改成:
我可以用 AI 帮我写代码,但我必须学会指挥、检查和保护项目。
这是两种完全不同的心态。
你不是来“许愿”的。
你是来做一个小产品的负责人。
负责人不一定亲手写每一行代码,但负责人必须知道:
- 要做什么。
- 先做什么。
- 什么不要做。
- 做完怎么验收。
- 出错怎么回退。
- 哪些风险不能碰。
这就是 Vibe Coding 对 0 基础用户真正重要的能力。
1.11 本课程的学习规则
后面每一章,我们都会遵守 6 条规则。
规则一:一次只做一件事
不要一次对 AI 说:
帮我做一个完整 SaaS,要登录、支付、后台、AI、SEO、数据库、用户系统。
新手应该这样说:
先做一个只有首页的版本。
页面上有标题、输入框、按钮和结果区域。
不要做登录,不要做支付,不要做数据库。
规则二:先能跑,再变好看
不要一开始就追求完美 UI。
正确顺序是:
能打开 -> 能点击 -> 能保存 -> 不报错 -> 再美化
规则三:每次大改前先存档
后面我们会学 Git。
你现在只需要先知道:
Git 就像游戏存档。
AI 改崩了,你可以回到上一个正常版本。
规则四:看见危险词先停
以后 AI 要执行命令时,如果你看到这些词,要先停下来问清楚:
delete
remove
drop
reset
force
overwrite
清空
删除
重置
覆盖
你可以直接问 AI:
这个操作会删除文件、清空数据或覆盖已有内容吗?
如果会,请先不要执行,告诉我风险和备份方法。
规则五:不要把秘密发给 AI 或上传到 GitHub
这些东西都算秘密:
- API Key
- 数据库密码
- 登录密码
- Token
- 客户名单
- 身份证、手机号、邮箱等隐私数据
- 公司内部代码或文档
如果你不确定能不能发,先默认不能发。
规则六:AI 说完成了,不代表真的完成了
AI 经常会说:
已完成。
问题已修复。
现在可以正常运行。
你要养成一个习惯:
不要相信描述,相信运行结果。
你需要自己打开页面、点击按钮、输入内容、刷新页面、看有没有红色报错。
1.12 第一节课演示路线
第一节课不需要一开始讲太多工具对比。更好的方式是先完成一个小而完整的演示。
可以按这个节奏学习。
第一步,先看最终效果。
打开旅行打包清单网页,看看它如何新增物品、勾选已打包、按分类筛选列表。
第二步,回到起点。
先看一句很差的提示词:
帮我做个网站。
观察它为什么容易得到空泛结果。
第三步,换成清楚提示词。
使用本章 1.1 的旅行打包清单提示词,让 AI 生成第一版。
第四步,现场验收。
不要只看 AI 说完成了,要亲自点击新增、勾选、筛选、刷新页面,确认数据是否还在。
第五步,做一次小迭代。
例如增加分类筛选、调整手机端布局、修改颜色。
第六步,最后讲边界。
这类个人小工具适合练习;支付、医疗、金融、隐私后台不适合作为第一天的独立项目。
第一节课的目标不是把所有概念讲完,而是让你产生一个具体感受:
我可以从一个很小的想法开始,用 AI 做出第一版,再学会检查和改进它。
1.13 课后小练习:判断项目是否适合新手
下面这些想法,哪些适合 0 基础新手作为第一个项目?
- 做一个个人主页。
- 做一个股票自动交易机器人。
- 做一个番茄钟。
- 做一个医院诊断系统。
- 做一个旅行打包清单网页。
- 做一个公司客户管理系统,保存客户手机号和成交记录。
- 做一个简单待办清单。
参考答案:
适合:
-
- 个人主页
-
- 番茄钟
-
- 旅行打包清单网页
-
- 简单待办清单
暂时不适合:
-
- 股票自动交易机器人
-
- 医院诊断系统
-
- 公司客户管理系统
原因很简单:
第 2、4、6 类项目涉及金钱、医疗、隐私或真实业务责任。新手可以学习相关概念,但不要一开始就独立上线这类系统。
1.14 本章总结
这一章你只需要记住 5 句话:
- Vibe Coding 是用自然语言指挥 AI 写代码。
- 清楚的需求,比空泛的愿望更容易得到好结果。
- AI 可以帮你写,但不能替你负责。
- 能跑不等于安全、稳定、可维护。
- 你的核心能力是描述需求、检查结果、保留退路。
下一章,我们会真正开始动手。
你会用浏览器里的工具做出第一个小网页,不需要安装复杂环境,也不需要先学语法。