从零开始

小白 Vibe Coding 系列 / 第1章:Vibe Coding 是什么?

用一个旅行打包清单案例,认识 Vibe Coding 的真实边界:AI 负责生成,学习者负责表达、检查和判断。

文章封面

第1章:Vibe Coding 是什么?

这一章你要解决的问题

你可能是因为看到这些说法才来的:

  • “不会写代码,也能做 App。”
  • “一句话生成网站。”
  • “AI 可以帮你把想法变成产品。”
  • “以后人人都是程序员。”

这些说法有一部分是真的,但也很容易让新手产生误解。

所以第一节课,我们先不急着背概念。

你会先看到一个很小的例子:

用一句清楚的话,让 AI 做出一个能新增、勾选、分类筛选的旅行打包清单网页。

这个例子不复杂,但它能让你马上感受到 Vibe Coding 最吸引人的地方:

你不需要先学几个月语法,才有资格把一个想法变成能点、能试、能修改的小作品。

不过,本章也会帮你建立一个清醒的判断:

Vibe Coding 可以让 0 基础学习者更快做出软件原型,但它不能替你承担理解、验证、安全和维护的责任。

Vibe Coding 中 AI 负责加速写代码,项目负责人把控需求、检查、安全和回退

如果这句话你现在还没完全理解,没关系。读完这一章,你会知道它是什么意思。


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、检查结果、决定方向的项目负责人。

传统编程和 Vibe Coding 工作流对比


1.3 为什么 2026 年值得学?

Vibe Coding 不是一个小众玩具。到 2026 年,AI 辅助写代码已经变成很多开发者、创业者、设计师和产品人的日常工具。

它真正值得学的原因,不是“AI 会替代所有开发者”,而是它让更多学习者可以更早进入这个循环:

有想法 -> 做出第一版 -> 自己试用 -> 修改 -> 再试用

以前很多好想法会卡在第一步:

我不会写代码,所以我只能先放着。

现在你可以先做出一个低风险原型,看它到底有没有用。

但这里有一个矛盾:

每天使用 AI 写代码的学习者很多,真正放心交付结果的负责人很少。

这个现象可以叫做“信任悖论”:很多开发者和学习者每天都用 AI 写代码,但并不完全相信 AI 输出。

这正是你需要学习本教程的原因。

你不是来学“盲目相信 AI”,而是来学:

  • 怎么把需求说清楚。
  • 怎么让 AI 小步执行。
  • 怎么检查它做得对不对。
  • 怎么保留回退方案。
  • 怎么避免安全和隐私事故。

会用 AI 的学习者越来越多,会安全验收 AI 输出的项目负责人更稀缺。

信任悖论:用得多不等于放心,需要验收、Git 和安全意识


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 次还没好,就先停。

停下来做三件事:

  1. 回到上一个正常版本。
  2. 让 AI 总结它刚才改了什么。
  3. 换一种方式重新描述问题。

误解四:工具越强越适合我

不一定。

对新手来说,最好的工具不是功能最多的工具,而是:

  • 打开就能用。
  • 不容易误删文件。
  • 有预览窗口。
  • 有简单部署功能。
  • 报错信息能看见。

所以你第一天不一定要用最强的 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 基础新手作为第一个项目?

  1. 做一个个人主页。
  2. 做一个股票自动交易机器人。
  3. 做一个番茄钟。
  4. 做一个医院诊断系统。
  5. 做一个旅行打包清单网页。
  6. 做一个公司客户管理系统,保存客户手机号和成交记录。
  7. 做一个简单待办清单。

参考答案:

适合:

    1. 个人主页
    1. 番茄钟
    1. 旅行打包清单网页
    1. 简单待办清单

暂时不适合:

    1. 股票自动交易机器人
    1. 医院诊断系统
    1. 公司客户管理系统

原因很简单:

第 2、4、6 类项目涉及金钱、医疗、隐私或真实业务责任。新手可以学习相关概念,但不要一开始就独立上线这类系统。


1.14 本章总结

这一章你只需要记住 5 句话:

  1. Vibe Coding 是用自然语言指挥 AI 写代码。
  2. 清楚的需求,比空泛的愿望更容易得到好结果。
  3. AI 可以帮你写,但不能替你负责。
  4. 能跑不等于安全、稳定、可维护。
  5. 你的核心能力是描述需求、检查结果、保留退路。

下一章,我们会真正开始动手。

你会用浏览器里的工具做出第一个小网页,不需要安装复杂环境,也不需要先学语法。

MK Phoenix
支付老兵与 AI 实战派。记录 AI 在真实业务、工程流程和个人生产力里的落地经验。
了解更多 →

不错过下一篇

偶尔写一封关于 AI、工程与产品判断的信。不灌水,只在有真东西时发送。