致每一位同学
欢迎来到第四期 Vibe Coding 实战训练营。当你第一次打开课程表，看到满屏的陌生词汇——Enter.pro、Supabase、Cursor、Agent、Edge Function、API Key——时，或许会产生一丝自我怀疑："我只是一个不懂代码的小白，这些硬核技术（产品）我真的能学会吗？"请先稳住心神，把那份不安轻轻放下。第一课听完热血沸腾，你会觉得"我好像行了"。然后到了第二课，一开始动手就瞬间遭遇信息量爆炸，从需求到上线的完整链路复杂度足以让人陷入深度焦虑。但如果你能挺过第二课，后面的路会越走越宽亮。这门课的本质，从来不是让你去背诵那些晦涩难懂的代码语法。我们的最终目标，可能只有一个：让你学会如何像产品经理一样思考问题，然后像魔法师一样指挥 AI 去解决问题。这份指南，起初是用户3901)写给自己的私人参考，分享在这，也是想作为你不倒在黎明前的一根防劝退稻草。坚持读完，能帮你省下未来无数焦虑中被浪费的时间。70%
欢迎来到第四期 Vibe Coding 实战训练营。
当你第一次打开课程表，看到满屏的陌生词汇——Enter.pro、Supabase、Cursor、Agent、Edge Function、API Key——时，或许会产生一丝自我怀疑："我只是一个不懂代码的小白，这些硬核技术（产品）我真的能学会吗？"
请先稳住心神，把那份不安轻轻放下。
第一课听完热血沸腾，你会觉得"我好像行了"。然后到了第二课，一开始动手就瞬间遭遇信息量爆炸，从需求到上线的完整链路复杂度足以让人陷入深度焦虑。但如果你能挺过第二课，后面的路会越走越宽亮。
这门课的本质，从来不是让你去背诵那些晦涩难懂的代码语法。
我们的最终目标，可能只有一个：
让你学会如何像产品经理一样思考问题，
然后像魔法师一样指挥 AI 去解决问题。
这份指南，起初是用户3901)写给自己的私人参考，
分享在这，也是想作为你不倒在黎明前的一根防劝退稻草。
坚持读完，能帮你省下未来无数焦虑中被浪费的时间。
本期课程开展到现在的大观30%
由于文档内容较长，我们还借助了先进的AI技术，为你制作了一份音频解说版本和一套演示图片。
这样，你可以更轻松地聆听、更自在地阅读，让看长文变得更加惬意自如。
VibeCoding：像甲方一样指挥AIVibeCoding：像甲方一样指挥AIVibeCoding：像甲方一样指挥AI
VibeCoding：像甲方一样指挥AIVibeCoding：像甲方一样指挥AIVibeCoding：像甲方一样指挥AI
Vibe_Coding_Mid-Camp_Survival_Guide.pdf(function() {
const ele = document.querySelector('#R0vYb8U0voZdy6xmneCcX7avnZe');
if (ele.complete) {
(function() {this.style.display='block';this.dataset.ttv=Date.now();}).call(ele);
} else {
ele.onload=function() {this.style.display='block';this.dataset.ttv=Date.now();};
}
})();Vibe_Coding_Mid-Camp_Survival_Guide.pdf
Vibe_Coding_Mid-Camp_Survival_Guide.pdf(function() {
const ele = document.querySelector('#R0vYb8U0voZdy6xmneCcX7avnZe');
if (ele.complete) {
(function() {this.style.display='block';this.dataset.ttv=Date.now();}).call(ele);
} else {
ele.onload=function() {this.style.display='block';this.dataset.ttv=Date.now();};
}
})();Vibe_Coding_Mid-Camp_Survival_Guide.pdf
一、你的进化路线图与生死关卡
这门课不是线性的知识堆砌，而是一场从"思维重塑"到"真实交付"的四重闯关游戏。
第一课：重塑大脑——戒掉"工具思维"
关键词：痛点挖掘、MVP（最小可行性产品）
这一课的核心任务很简单：不要碰代码，只做一件事，就是找痛点。时间建议是三到四小时。
在开始之前，有一个避坑提醒。别一上来就想做个"全能的 App"或者"打败微信的社交软件"。去翻翻你的微信记录、你的日历，找找那些让你每周都想摔键盘的重复性工作。
在真正动手写下第一行代码之前，我们需要先给大脑"换一个操作系统"。这是龙龙老师在第一、二课最想传达的核心——让你从"我想做什么工具"转变为"我要解决谁的什么问题"。
第二课：生死之战——跨越 Vibe Coding 的全链路深渊
关键词：全栈流程、数据库、发布上线
这一课极其特殊，也是最容易让人陷入困境的一关。
龙龙老师会带你一口气跑通从需求拆解、网页生成、数据库连接、发布上线、数据埋点的完整链路。这就好比让你昨天还在学切菜，今天就要一个人承包满汉全席。你会发现要学的工具突然变多了——Vercel、Supabase、Enter、网页生成工具——要补的概念铺天盖地，好像每一步都卡住了。
通关秘籍很简单：先收敛，再发散。千万不要试图一次性把所有功能做完。
我们强烈建议你使用"分档策略"——如果你是小白，哪怕只跑通一个"提交表单保存数据"的核心流程，也是巨大的胜利。要记住一句话：第二课完成比完美重要一万倍。一个能跑通的丑网页，比一个永远停在脑子里的完美产品值钱得多。
时间建议是六到八小时，请预留充足时间，甚至可以拆分到两天。
第三课：注入灵魂——把 AI 的智能接进产品
关键词：AI 接入、API Key、系统 Prompt 和 Edge Function。
核心任务是让你的网页连上大模型的大脑。时间建议是三到四小时。
这一课的妙处在于，你已经有了一个"躯壳"（网页），现在要给它装上"大脑"（AI 模型）。不是工具的问题，不是智商的问题，而是权限和上下文的问题——AI 能看到多少东西、能操作多少东西，决定了它能帮你干多少活。
这里有个重要的逻辑关系：如果第二课的网页没跑通，第三课接入 AI 时会寸步难行，或者需要刻意完成另外一份跟之前没有关系的作业。所以，请务必在第二课打好地基。
第四课：掌控工具——用 IDE 和 CLI 写真实代码
关键词：IDE、CLI、AI Agent 和 Skills。
核心任务是从"网页"升级到"工具"，从"展示"升级到"执行"。时间建议是三到四小时。
前三课的"出网页能力"，本质上是把 AI 的生成能力转化成了"观赏艺术"。但第四课要做的是不同的——学会把 AI 的能力用在"真实问题解决"上。
一个本地脚本能帮你批量重命名一千个文件，一个浏览器插件能自动从十个网站抓新闻，这些小工具虽然看起来不起眼，但一旦在你的日常里反复跑，就开始呈现出了 AI Agent 的核心价值：替你干重复的、机械的、消耗脑力的活。
二、我们到底在学什么
Vibe Coding 的本质（不只是"对着 AI 说话生成网页"）
很多人以为 Vibe Coding 就是"用自然语言描述需求，AI 就把网页画出来"。
这个理解浅了。
传统编程是什么样的呢？
你必须像建筑师一样，自己画图纸（设计 UI），自己搬砖（写 HTML），自己砌墙（写 CSS），自己埋管道（写 JavaScript 和后端逻辑）。
最可怕的是，如果你想改个窗户位置，你得知道哪块砖能动，一旦动错整个楼都可能塌方。这就是为什么改一个需求要花几周时间。
Vibe Coding 的方式是什么样的呢？
你变成了"甲方"。你只需要告诉 AI 施工队："我要一个落地窗，朝南，带自动窗帘，背景是赛博朋克风格"。AI 会自动帮你搞定背后所有的钢筋水泥——HTML、CSS、JavaScript、数据库设计。你不再是代码的搬运工，你是产品的设计师。
- •让我们来看一个场景模拟假设你要做一个"工单系统"，也就是员工提交报修申请，管理员后台审核处理。用传统方式的话，你得先学 SQL 建表来设计数据库结构，再写后端接口来处理增删改查的 API，最后写前端页面来做 HTML 表单和 JavaScript 交互，整个过程要折腾两三周，还要反复调试。用 Vibe Coding 的方式呢，你告诉 AI："我需要一个员工提交报修申请的页面，包括申请人、申请内容、优先级。管理员能在后台看到所有申请，点击'已处理'按钮后这条申请变灰。"然后 AI 就会自动生成提交页和管理页，自动配置好数据库结构，自动生成所有的数据保存和读取逻辑，整个过程可能只需要两三个小时。
这就是 Vibe Coding 的魔力——它让你可以专注于"想要什么"，而不用纠缠于"怎么实现"。
为什么 MVP（最小可行性产品）是第 2 课的救命稻草
在第二课的"信息轰炸"下，MVP 不再是一个理论，它是你能否活下来的分界线。
MVP 的核心不是"简陋"，而是"只有一个核心链路"。多一个功能，你的失败率就指数级上升。
- •让我们继续来看一个场景模拟你想做一个"读书会报名系统"。如果用 MVP 的方式（推荐做法）：◦只有三步：填报名表 → 进行支付 → 收到确认邮件◦不做评论区，不做书单推荐，不做用户个人中心，不做积分排行榜◦这个系统非常简陋，但它完整地解决了"报名这件事"
所以我们的建议是：
完成比完美重要一万倍。
一个能跑通的丑网页，比一个永远停在脑子里的完美产品值钱得多。
三、九九八十一难——小白避坑深度解析
这是我们对大家容易卡点的总结。建议反复阅读，特别是第二关和第三关。
第一关：思维的陷阱（第 1 课）
- •"我要改变世界" vs "具体的人"
有的同学上来就说："我要做一个全人类都需要的知识管理工具"或"我要做一个打败微信的社交软件"。这种"伪需求"除了给自己一种"我很伟大"的幻觉，毫无实际价值。
深层原因在于，你描述的是一个想象中的"大众"，而不是真实世界里具体的人。"大众"没有痛点，"大众"不会为你的产品买单。但那个"每周要从邮件、微信、网盘三个地方收集文件的项目经理"是真实的，是有强烈痛点的。
解药是什么呢？具体化你的受害者。你的用户应该是"每周要处理五十份合同的法务小李"，而不是"想提高效率的人"。
第二关：落地的沼泽（第 2 课）
这是最容易劝退的阶段。你发现要处理产品需求文档（PRD）、前端交互、数据库（Supabase）、发布上线等一堆事情。很多同学想一次性把产品做得完美：既要界面好看，又要移动端能用，还要有点击热力图、用户埋点。结果是：任何一个环节卡住，整个心态就崩了。
这可能也是为什么"阵亡率"最高的地方。
深层原因：
完美主义在作祟。你试图以小白的身份，在第一周就交付一个高级工程师水平的商业产品。这根本不现实。
还有一个原因是信息量爆炸。你突然接触到了太多新概念：数据库怎么设计、表单怎么提交、数据怎么保存、怎么发布上线。这些东西如果没有优先级划分，就会让人陷入焦虑的深渊。
解药：列出"不做清单"与"分档止损"
第一步：在动手前，先花 15 分钟写下你这次绝对不做的事情。比如：
- •不做移动端适配（只做电脑版）
- •不做复杂的权限系统（谁都能看到所有数据，先不管权限）
- •不做花哨的动画效果
- •不做多语言支持
- •不做深色模式
这个"不做清单"看起来很简单，但它能救你的命。当你在第 2 课的信息炮轰中感到絮乱时，你可以拿出这个清单说："这些东西我都不做，我只做核心链路"。
第二步：给自己设定止损线。
你可以这样对自己说："如果周日晚上 8 点还没搞定数据库连接，我就果断降级。我放弃数据库，只交付一个前端能跑通的静态页面——用户能填表、能点按钮、能看到结果，就足够了。"
完成比完美重要一万倍。
一个能跑通的"残废"产品，胜过一个永远停留在设想阶段的完美产品一百倍。
- •场景模拟：有一位同学在第 2 课做"员工请假系统"。她最初的野心很大：想要员工请假、主管审批、部门经理二审、财务统计这一整套流程。结果呢？前四天纠结于数据库怎么设计权限表，后三天被 AI 的代码 Bug 淹没，最后交出来的是一个什么都跑不通的"烂项目"。而另一位同学只做了"员工填表、经理看表、经理点同意或拒绝、系统发邮件通知"这四步。他用两天时间就跑通了。到了第 3 课，他已经可以从容地给这个简单系统加上 AI 的力量。这两位的同学主要差别在哪里？心态不同。前者试图完美，后者务求完成。
第三关：技术焦虑的陷阱（第 2 、3 、4 课）
有人问"Supabase 是什么？我能不能不用它？"，有人说"为什么我的代码报错了？肯定是我 AI 用得不对"，还有人说"这个报错 Message 我看不懂，一定是我脑子不够用"。
根源在于，你把“学会使用工具”和“学会编程”划上了等号。
请记住，你来学习这门课程的核心目标是“运用AI做出产品”，而不是“转型成为一名程序员”。技术工具和开发框架是可以更换的，但真正宝贵的产品思维与解决问题的能力，却是难以替代的。
- •聚焦于培养能力，而非纠缠于工具。
当你面对报错时，应该思考的是“这个错误究竟想告诉我什么？”——
它可能是在提示“密钥配置有误”。
接着，你的思路应该转向“我该如何补救？”——
“去检查并重新设置环境变量”。
而不是被晦涩的报错文字吓住，轻易选择放弃。
事实上，那些看似复杂的报错信息，多数时候只是在清晰地指出：
“你的流程在第XX步出了问题，请返回检查。”
这时，请让AI协助你修改。
而你真正需要掌握的，是理解其背后的逻辑。
有关于这一部分的更详细阐述，我在第四课的作业建议中进行了更详细的说明：
【这里放审核通过的第四课作业建议】。
四、每节课该怎么学（实战地图）
第一课：聚焦"问题"，不聚焦"答案"
这一课的关键心态是：这不是让你学知识，而是训练你问对问题的能力。
学习路径是什么样的呢？
1.首先翻翻你过去一周的日历和微信，找三个真实发生的"烦事"。然后选最烦的那个，深挖：这个烦事为什么烦？谁最烦？多久烦一次？
2.接着参考第一课作业建议小橙酱：第一课学员专用：如何写出优秀作业的完整指南，一步步拆解你的痛点。
3.最后的交付物很简单：一段话，说清楚"谁在什么场景下遇到了什么问题，为什么这个问题值得被解决"。
避坑提醒：
不用非得是"创新"的想法，就找你自己真实遇到过的烦事。不用非得是"大众需要"的问题，越具体越好。不用非得写成一份"商业计划书"，越朴素越好。
成功信号是什么？
别人读完你写的"问题"，能明白"为什么这个事这么烦"，并且能想到"怎么来解决"。
第二课：抓住"核心链路"，其他都能放
这一课的关键心态是：你会被信息轰炸，唯一的活路就是"坚决舍去"。
学习路径需要五个步骤。
- •第一步是看课程
打开龙龙的讲义第2课：从 Website 开始构建一款应用产品，重点关注"Part 0：MVP"和"Part 1：需求拆解"。
看课堂实录里十九点二十九分的"工作流设计"讲解。
理解一下：为什么要先定义"流程"，而不是先开始做？
- •第二步是定位自己
根据小橙酱：作业建议：先定位，再出发；先收敛，再发散。的"自我诊断"，选你这次要完成的档位——初阶只交 PRD 和流程图，进阶交完整网页加数据库，高阶加上数据埋点和优化。我建议小白选初阶或进阶，先跑通一个完整链路比什么都重要。
- •第三步是设计核心链路
根据第一课的"问题"，拆解出最小的"产品核心链路"。比如报名系统的核心链路就是：报名加确认加反馈，不包括积分、排行榜这些。用文字或简图把这个链路描述清楚。
- •第四步是写 PRD
此步开始请阅读作业指南小橙酱：作业建议：先定位，再出发；先收敛，再发散。
- •第五步是动手做
这个目标和时间要根据你选的档位来定，大概四到八小时，具体看上述作业指南，写得比较明白了。
避坑提醒：
- •第二课的最大陷阱就是"什么都想做"，一旦陷入完美主义，你就死定了。如果你没有时间，宁可做一个"五分钟能跑通的"MVP，也不要做一个"永不完工的完美方案"。
- •做得快，不代表理解了——心路历程比产品本身更重要，要写清楚"你是怎么想的、怎么做的、学到了什么"。
成功信号是什么？
你能清晰地向别人解释"我的产品解决什么问题，用户怎么用，数据怎么流动"。
第三课：从"看得到的网页"升级到"有智能的网页"
这一课的关键心态是：这一课的主要工作是"接线"——把你的网页和 AI 的大脑连起来。
学习路径是这样的。
1.首先如果第二课的网页还没跑通，这一课会特别卡，或者要为了做第三课作业而去单独做一套网页。建议先在第二课作业里跑通"表单到数据库"的完整链路。
2.课程学习，跟随实操大概需要两小时（假设你完全没听过这节课）。
3.做作业，大概需要两到三小时。最简单的做法就是：在你第二课做好的网页上，加一个按钮。点这个按钮，调用大模型，返回一个结果，显示在页面上。比如：用户填了"我的工作痛点"，点"AI 建议"，AI 返回一个"解决方案"。具体请看小橙酱：第三课作业建议：从 Vibe Coding 到 AI 接入，一次把链路跑通。
4.要学会"从报错信息里找到问题"——报错往往在告诉你哪一步错了。
避坑提醒：
- •不用追求"多么智能的 AI 回复"，就是简单地能调通就赢了。
- •API Key 不要传错，不要暴露在前端，用环境变量或 Edge Function。
- •如果报错了，先检查自己的密钥是不是设对了，再问 AI。
成功信号是什么？
用户点一个按钮，就能调用后端的AI能力，然后在用户端显示AI的输出。
第四课：从"使用工具"升级到"掌控工具"
这一课的关键心态是：这是从"Vibe Coding（说话生成）"到"真实编程（指挥 AI 写代码）"的跨越。
从19号的自习室上看，有的同学也许会对此比较痛苦，但这是见真章的一课。
学习路径是这样的。
- •第一步是前置理解
体验下老师推荐的工具，读一遍作业建议。
（第四课作业建议过审以后放在这里）
重点理解"三个维度"：模型能力、权限、自主性。
理解为什么"工具不是万能的"，有些问题只有"脚本"或"插件"能解决。
- •第二步是工具选择
根据云舒老师的讲义或者你个人的喜好（如果你有自己的想法的话——我们不限制完成作业、跟随课堂操作用什么），选一个 IDE，老师推荐 Cursor/Claude Code/TRAE。
如果你还没有安装过，请先完成安装、配置，并验证它能够正常运行、测试一下核心功能。
很多人可能会在这一步遇到困难，但基础的软件安装和测试是后续探索的必要前提，请务必不要跳过。
- •第三步是做作业。
你可以选择初阶或进阶。
初阶适合第二、三课还没完全吃透的同学——用 AI IDE 做一个简单的本地脚本，比如批量改文件名、把 Word 转 PDF、从网站爬数据，重点是"体验代码环境、报错调试、权限管理"这些前三课没有的东西。
进阶是建议选择的方向——做一个"Skill"或"Agent"，把一个"重复的思考过程"固化成"可复用的流程"，比如每周要写周报，需要从各个工具里整合数据，做成一个脚本自动生成周报框架。
避坑提醒：
- •本课有问题解决文档，务必阅读：🌍课程在线回答的问题汇总
- •这一课最大的卡点可能是"环境配置地狱"，很多人死在安装依赖、配置密钥这一步，还有的同学在纠结手动安装、自动安装的效果差异是什么。
- •不要指望第一次就成功，报错是正常的，关键是学会怎么调试。没必要做得太复杂，一个"真的有用的小脚本"比"完美的架构设计"值钱。
- •学会"告诉 AI 你遇到的问题"，而不是自己去死磕报错信息。学会"看懂 AI 的代码思路"，而不是盲目复制粘贴。学会"预期会失败几次"，这是正常的。
成功信号是什么？
其实这节课的成功信号有多种。但对于完全对IDE陌生的小白来说：
- •你可以找IDE写好一个脚本、在自己的电脑上跑成功，解决一个具体问题。
- •如果你能调教好它，帮你自动干了一件你之前要手工做、重复做的事，并且可以循环执行或者按需触发，这就是Skill。Skill+Agent=生产力工具。
最后想再推推你
本质与心态
这个训练营标题叫"Vibe Coding"，但我觉得更准确的解释应该是
"学会用产品思维问问题，然后用 AI 去帮你快速验证答案。"
在 Vibe Coding 的世界里，优秀的产品不是功能最全的产品，
而是你从真实痛点出发、完整跑通的那一次思考。
先定位，再出发；先收敛，再发散。
挫折与坚持
在这些天里，你也许经历挫折：
比如第2课的时候你可能会想摔键盘；
看着满屏的代码报错时，你可能会怀疑人生；
某一个晚上，你可能会想“我干嘛要学这么难的东西”。
但请记住：挺过来，你就赢了。
因为：
- •一旦你能够用代码解决问题，
- •一旦你能够指挥 AI 去完成工作，
- •一旦你能够把脑子里的想法变成一个真实的、能运行的、能为他人服务的产品：
你的世界就彻底变了。
自由与赋能
通关这门课后，你不再受限于自己的体力和时间。
你可以让代码帮你工作 24 小时；
你可以把每周浪费在重复劳动上的时间，用来思考更有价值的事情；
你可以成为那种“既有创意，又有执行力”的超级个体。
这就是咱们这门课想要给你的——不仅是技能，更是自由。
蜕变与终点
当你在最后一天（目前计划是2026年2月8日）的结营仪式上拿出你的作品时，
无论它有多简陋，无论你在这个过程中遭遇了多少次报错和崩溃，
那一刻，你会明白一切都是值得的。
你已经不再是一个“想要改变什么却无能为力的人”。
你已经成为了一个“能够把想法变成现实的创造者”。
从那一刻起，你的职业生涯、你的创业能力、你的解决问题的方式，都会彻底不同。
所以，加油。我们在终点等你。
祝你通关愉快。
2026年1月20日 @爱思考的小橙酱
学员须知（小白基础答疑手册）
作业提交步骤指导：☎️AI训练营 - 学员须知（持续更新）
VibeCoding主文档：第四期：Vibe Coding实战训练营
AI训练营数据中心（含证书获取、找搭子）：🌈AI训练营第1课：第1课：大势不可逆，得势者必胜第2课：第2课：从 Website 开始构建一款应用产品第3课：第3课：与时俱进做出你的第一款 AI 应用第4课：第4课：AI编程下一站，走入代码的世界第5课:第5课：和Al一起vibe coding做产品第6课：第6课：把产品交付到真实世界——上线与发布第7课:第7课：一个工具产品是怎么做出来的第8课：第8课：Demo Day：AI开发完整流程复习课-你的数字化毕业展答疑汇总：Coding答疑汇总页面优秀笔记:优秀笔记分享自习室：自习室