文章目录写在前面一、过去二十年做个软件是件多贵的事二、原型工具时代会画软件的人先吃香了三、转折点一条推文火遍全球四、现在的工具长什么样三类殊途同归五、重心变了从会做到说得清楚六、这事跟普通人有什么关系七、这个系列要带你走的路自测10 个问题本文总结写在最后附术语速查表写在前面2025 年 11 月 6 日柯林斯词典公布了 2025 年度词汇vibe coding。一个编程术语拿到这个头衔历史上是头一回。CNN、BBC、卫报同日报道——这件事本身就说明不会写代码的人让 AI 替自己写代码已经从程序员圈子的新鲜玩法变成了一个公共话题。我准备用 10 篇连载带零基础的你走完一条完整的路从只会用软件到亲手做出第一个能点、能填、能分享给别人用的网页小系统。全程不用装编程软件第一行代码你写的其实是中文。适合谁完全没写过代码、但心里一直有个要是有个小工具就好了念头的人。不适合谁想系统学编程、转行当程序员的人——这个系列教的是让 AI 做出你要的东西不是自己写程序两者是并行的两条路。本篇收获三个时代节点 一张工具地图 一个关于你自己的判断。 本系列改编自零基础向的《Vibe Coding 演示原型制作十天课程》。所有行情类数字价格、免费额度、市场份额都带时间戳且以各家官方页面最新为准——这是本系列的第一条纪律后面会反复出现。一、过去二十年做个软件是件多贵的事软件行业有个出了名的特点贵而且说不清贵在哪。一个看起来很简单的功能——比如查个报销记录——找外包公司报价动辄几万起步工期按月算改个小地方还要再收一笔钱。原因倒不神秘你嘴上说的我想要个报销查询落到程序员耳朵里是一串必须逐个回答的专业问题你说的程序员听到的查个报销数据存在哪张表、字段是什么我看看我的什么人能看什么数据怎么登录鉴权最近的排前面查询结果怎么排序、一页放几条手机上也能用吧要不要做适配、做几套界面一个需求翻译过去就是十几条技术决策。你和你要的软件之间隔着一整个翻译行业——产品经理、外包公司、原型设计师本质上都在做同一件事把你的人话翻译成机器能执行的话。贵的不是敲代码是这层翻译。于是行业里催生了一个折中办法先做个假的看看。二、原型工具时代会画软件的人先吃香了十几年前流行起一类叫原型工具的软件老牌的 Axure后来的墨刀Figma 也属于这一路。它们不写代码干的事是画把页面长什么样、按钮点下去跳到哪一页像拼图一样拖出来最后生成一个看起来是真的界面。老板不用等技术团队排期先看原型提意见设计师不用学编程拖拖拽拽就能表达想法。那一辈会做软件的人其实是会画软件的人。 记住这个类比它会贯穿整个系列原型工具画的是图纸vibe coding 工具盖的是毛坯房。图纸再精美也不能住人毛坯房丑是丑了点但你能推门进去水电是通的。原型有个天生的遗憾就藏在看起来是真的这句话里——它只是看起来是真的。你点那个提交按钮什么都不会发生因为底下没有程序。它是给真软件画的一张效果图。图纸时代持续了十几年直到 2025 年年初一条推文把它掀翻了。三、转折点一条推文火遍全球2025 年 2 月OpenAI 联合创始人、前特斯拉 AI 总监 Andrej Karpathy 发了一条推文描述一种全新的做事方式你不再一行一行写代码。你打开一个 AI 编程工具用大白话说我要一个记账页面左边输入金额右边实时汇总——AI 来写代码你只负责看效果不满意就继续说“这里字太大了”“加个删除按钮”AI 接着改。他给这种方式起了个名字vibe coding直译氛围编程——写代码这件事的主语从你变成了 AI你只管把握氛围。两个数字说明它火到什么程度这条推文发布后 48 小时内浏览量达到 450 万次2025 年 2 月数据2025 年 11 月 6 日柯林斯词典将 vibe coding 评为2025 年度词汇力压包括clanker在内的一众候选词。一个编程术语拿到年度词是这本词典评选以来的头一回。 想亲眼看那条改变行业的推文用 “Karpathy vibe coding tweet” 当关键词搜一下就能找到原文。读一遍你会发现它通篇没有一个高深术语——这件改变行业的事入口就是这么平易。它能火不是因为新潮而是它戳中了一个事实AI 写代码的能力真的过了能干活那条线。尤其是做网页这类活已经成了 AI 提效最明显的领域之一——2026 年行业里普遍的观察是这类工作的效率提升大约在两倍上下而且还在涨。本系列军规第一条上面这类行情数字带时间戳、注明口径是当时的普遍观察不是永恒真理。你以后在任何教程里看到效率提升 X 倍“永久免费”“市场份额第一”先看它有没有标时间——不标时间的数字默认可疑。四、现在的工具长什么样三类殊途同归今天打开工具市场AI 编程工具大致分三类格局变化很快具体以各家官方最新为准类型代表你做什么你得到什么适合对话生成型v0、Bolt、Lovable像聊天一样说需求一个能直接点开的网页界面、交互都带零基础做第一个作品AI 编辑器Cursor、Claude Code在已有项目里说哪里要改改好的整个工程稍微认真的项目原型工具 AIAxure、Figma 等的新版本说一句话生成可交互页面从图纸进化到毛坯房原型设计师的升级路线2026 年年中到 10 月的第三方评测口径基本一致Lovable 强在界面美观和成品完整度Bolt 强在全栈和速度v0 强在与设计规范贴合——但对零基础的你第一天的差别完全可以忽略选一个注册顺畅的就行。本系列第 2 篇会带你实际跑通其中一个。注意第三类当年画图纸的厂商正在纷纷给产品装上 AI从画图纸进化到出毛坯房。三类工具殊途同归指向同一个变化——你从动手做的人变成了说需求、验收货的人。五、重心变了从会做到说得清楚看到这里你可能已经发现了那个关键变化。过去做软件核心技能是会做学编程、学设计、学工具门槛以年计。现在做软件核心技能变成了**“说得清楚”**你到底要一个什么东西给谁用有哪些功能做到什么程度算好这恰恰是普通人最有优势的地方。你不需要懂代码怎么写但你天天在用软件、在提需求、在挑毛病——“这个要是能导出就好了”“这一步不该弹窗”。十几年用下来你早就具备了最难得的那部分能力知道好软件长什么样。缺的只是把这份知道系统地说出来的方法。这个系列的后半程第 6、7 篇专门解决这件事。六、这事跟普通人有什么关系三个最常见的场景你对号入座职场汇报。开会想推动一个流程改进空口讲半天不如打开一个能点的演示页面——哪怕它是你前一天晚上花一小时让 AI 做的。能点的方案比十页 PPT 有说服力。验证想法。想做点小生意、小工具先别急着找投资、找外包。让 AI 把雏形做出来发给十几位潜在用户看看反馈回来再决定投不投入。试错成本从几万块降到一个下午。教与学。老师把课程作业变成做一个真东西学生交的不是一份文档而是一个能跑的网页。这种成就感是传统编程入门课给不了的。三个场景的共同点要的不是上线的商业软件而是**“能演示、能收集反馈的最小可用版本”**。这正是 vibe coding 最擅长的领域。⚠️看完热闹先泼三盆冷水——对年度词最常见的三个误读误读现实“AI 都会写代码了编程白学了”vibe coding 做的是原型和演示上线级软件的架构、安全、性能仍是专业程序员的领域“AI 生成的都能直接商用”生成 ≠ 可用。数据要不要存、存哪、安不安全AI 帮不了你拍板第 9 篇验房篇细讲“零基础三天接单赚钱”做 demo 一天做别人愿意付费的东西是另一回事。先做出来再谈变现七、这个系列要带你走的路10 篇一条从图纸到入住的完整路线就是第 2 节那个房子类比的展开篇主题房子类比1时代背景本篇看房行情变了2五分钟跑通第一个网页交毛坯房钥匙3HTML网页的骨架承重墙4CSS网页的装修水电装修5JavaScript让网页活起来通电灯会亮6Markdown给 AI 的需求说明书施工图纸怎么写7五步拆分法把需求说清楚图纸分专业拆解8实战一份文档生成整套系统按图纸盖一栋9优化心法从能用到好用验房挑毛病10部署与收官拿钥匙入住每篇独立成文但类比和纪律会像滚雪球一样越滚越大——第 1 篇定义的图纸/毛坯房会在第 2 篇交钥匙第 3 篇拆骨架一路用到第 10 篇入住。自测10 个问题不看上文你能答对几个点开可看答案点此查看答案vibe coding 这个词是谁提出的OpenAI 联合创始人、前特斯拉 AI 总监 Andrej Karpathy2025 年 2 月推文。柯林斯 2025 年度词汇是什么什么时候公布的vibe coding2025 年 11 月 6 日。Axure 这类原型工具和 vibe coding 工具最本质的区别是什么原型是画出来的点按钮没反应底下没有程序vibe coding 生成的是真能点、能填、能用的页面。图纸 vs 毛坯房。帮我做个报销查询这句话在程序员耳朵里会被拆成哪些问题数据存哪张表、什么人能看什么数据、结果怎么排序分页等十几条技术决策。AI 编程工具的三类是哪三类各举一个代表。对话生成型v0/Bolt/Lovable、AI 编辑器Cursor/Claude Code、加了 AI 的原型工具Figma 等的新版本。那条著名推文的浏览量是什么量级48 小时 450 万次2025 年 2 月。这个时代做软件的核心技能变成了什么从会做变成说得清楚——说清给谁用、有什么功能、什么算好。普通人做软件最有优势的一项既有能力是什么天天用软件积累的知道好软件长什么样的判断力。原型页面点提交没反应根本原因是什么底下没有程序它只是一张效果图。本系列军规第一条是什么行情类数字必须带时间戳、以官方最新为准不标时间的数字默认可疑。本文总结三句话收束本篇软件贵了几十年贵的是人话翻译成机器话这一层原型工具画了十几年图纸vibe coding 直接把毛坯房交到你手上。转折点是 2025 年 2 月 Karpathy 的推文年末 vibe coding 当选柯林斯年度词——AI 写代码过了能干活的线。你的核心技能需求从会做变成了说得清楚而知道好软件长什么样这件事你早就会了。写在最后下一篇是这个系列最解渴的一篇零基础、不装软件、不花一分钱五分钟让 AI 给你生成人生第一个能点、能用的网页——第 1 节里报价动辄几万的那个东西下一篇你亲手做一个。在开始之前先留个问题给你你有没有一个想做、但因为不会编程一直搁置的小工具评论区聊聊说不定它就是后面某篇的实战案例。如果这篇对你有用点个赞、收个藏就是对本系列最好的支持。关注不迷路我们第 2 篇见。附术语速查表术语一句话解释vibe coding用大白话向 AI 描述需求、由 AI 写代码的开发方式2025 年柯林斯年度词原型Prototype看起来像真软件、但点不动假页面用于前期演示Axure / 墨刀 / Figma老牌原型/设计工具画图纸时代的代表对话生成型工具聊天式说需求、直接生成可用网页的 AI 工具v0、Bolt、LovableAI 编辑器驻扎在你项目里、听你指挥改代码的工具Cursor、Claude CodeAPI应用编程接口。有些教程让你配置 API那是进阶路线本系列前几篇用不上第 2 篇会专门交代柯林斯年度词柯林斯词典每年评出的年度词汇反映当年公共话题常见问题Q我连一点技术背景都没有真的能跟完 10 篇吗A能。这个系列的目标读者就是零基础第 2 篇全程不需要你写一行代码。QAI 编程工具要花钱吗A主流工具基本都有免费额度做完第一个作品绰绰有余。免费政策随时会调以官方页面为准军规第一条。Q学这个能代替学编程吗A不能也不冲突。vibe coding 是做原型、做演示的快车道系统学编程是另一条路。想转行当程序员还是得正经学。