这门课解决的不是“会不会写代码”，而是“要不要自己写”

如果你已经能读懂 JavaScript、写过几个 React 组件，却每次从零搭一个全栈项目都要磨掉一个周末，这门课值得花时间看看。它不讲变量声明和作用域，也不铺垫 HTTP 协议基础，直接进入一个更现实的问题：当 Claude Code、Cursor、Codex 这类工具已经能读懂你的仓库、跨文件改代码时，一个人怎么在几小时内把前端、后端、数据库和部署串起来。

适合的人群很明确：有基本编程经验、对前后端各自能干什么有概念，但缺少“把完整应用从想法推到可访问”的经验。完全没写过代码的人看这门课会卡在环境配置和报错定位上，那不是它的重点。

它真正在教的能力缺口

多数人用 AI 写代码卡在三个地方，课程的结构大致对应这三点：

提示写得太笼统，模型给出一堆看起来能跑、实际对不上的代码。课程里有专门讲快速提示和负面提示的部分，重点是“告诉它不要做什么”和“先约束接口再让它填实现”。
工具选型混乱。Claude Code、Cursor、Codex 各自适合的任务类型不同，课程把它们放在同一个实战项目里对比使用，而不是单独讲每个工具的功能清单。
后端不只是 API。ComfyUI 作为本地后端的替代方案、Python 侧的 Pydantic AI 代理、评估与可观测性这些内容，指向的是“AI 能力怎么接进应用”而不是“怎么调一次接口”。

如果你的缺口是“能从空目录走到一个能演示的全栈应用”，这门课对得上。如果你的缺口是“想深入理解 React 渲染机制”或“系统学数据库设计”，它不是为这个准备的。

配套练习意味着你要真的动手

这类课程的价值不在观看，而在跟着把项目跑起来。看的时候建议准备一个空仓库，每讲完一个模块就自己用同样的提示词走一遍，再对比课程里的输出。差异往往出现在细节：命名习惯、错误处理、环境变量管理，这些恰好是 AI 最容易替你做出而你不一定认同的决定。

遇到报错不要急着跳过。用 Cursor 或 Claude Code 直接问“这个报错的原因是什么、我需要改哪一行”，本身就是课程要训练的能力之一。把它当成练习的一部分，而不是课程之外的麻烦。

看完应该能回答的问题

面对一个新需求，你会先让 AI 写接口定义还是先写界面？为什么？
负面提示在什么场景下比正面描述更省时间？
本地跑 ComfyUI 当后端和直接调用云端服务，各自的取舍是什么？
当 AI 生成的代码能跑但结构混乱时，你的介入点在哪里？

这几个问题答不上来，说明还停留在“让工具替我写”的阶段，没进入“我决定结构、工具负责填充”的节奏。这门课的目标就是把节奏调过来。缺什么补什么，先确认自己缺的是不是这个。

Vibe 编码实战指南：用 Claude 代码、光标和 Codex 快速构建全栈应用

全栈应用构建实战指南

编辑点评

实战性强，涵盖多种前端技术，适合初学者快速上手全栈应用开发。

⭐ 编辑推荐

从零开始，学习使用 Claude 代码、光标和 Codex 构建全栈应用，实战项目驱动。

课程亮点

• 实战项目驱动

• 多种前端技术

• Claude 代码应用

课程目录

【国语】Vibe Coding 实战开发指南_ 用Claude Code, Cursor和Codex极速打造全栈应用文档.png  [493.5 KB]
P38-40. 快速提示与负面提示.mp4  [5.1 MB]
P32-34. ComfyUI 作为后端 (本地替代方案).mp4  [32.9 MB]
P63-65. Python中的Pydantic AI代理灵感、评估与可观测性.mp4  [15.9 MB]
P19-21. 本节概述 我们在这里学习的内容.mp4  [25.3 MB]
P11-13. 本节学习内容.mp4  [9.8 MB]
P62-64. 与他人分享你的Gradio应用.mp4  [15.6 MB]
P2-3. 在几分钟内将您的第一个网站上线 (Lovable, Replit, Base44).mp4  [34.3 MB]
P26-28. 使用 Claude Code 开发前端.mp4  [30.1 MB]
P15-17. Opencode, Codex 和 Claude Code 在一个项目中使用多个 CLI.mp4  [17.9 MB]
P17-19. 编码代理可以做的不止编码.mp4  [21.6 MB]
P27-29. 在 Vercel 上发布和托管应用.mp4  [12.4 MB]
P52-54. 语音模式和所有其他斜杠命令.mp4  [11.3 MB]
P58-60. Python原型使用Pydantic AI和Gradio构建你的应用.mp4  [59.5 MB]
P48-50. 使用Gemini嵌入构建多模态RAG应用程序2.mp4  [44.5 MB]
P7-9. 安装 Python, pyenv, pip 和 uv.mp4  [16.4 MB]
P46-48. 重要提示验证和测试.mp4  [3.7 MB]
P6-8. 技术栈介绍 检查安装并准备您的系统.mp4  [25.7 MB]
P70-72. OpenClaw入门、Telegram配置和一些选项.mp4  [40.6 MB]
P16-18. 使用 Git 和 GitHub 的版本控制 提交, 推送, 拉取, 添加, 克隆 和 检出.mp4  [28.0 MB]
P41-43. Claude技能来自Vercel使用Skills.sh构建美丽网站.mp4  [45.1 MB]
P33-35. 回顾.mp4  [14.3 MB]
P90-92. 合规和法律 GDPR, CCPA, CPRA 和 欧盟 AI 法案.mp4  [57.4 MB]
P73-75. 理解语音代理.mp4  [56.6 MB]
P81-83. 提示注入 OpenClaw 和 Claude Code 可能被黑客攻击.mp4  [41.5 MB]
P18-20. 回顾.mp4  [37.9 MB]
P53-55. 来自Claude代码创作者本人的最佳提示.mp4  [11.4 MB]
P59-61. 在Cursor中为每个项目提供和标记文档.mp4  [4.9 MB]
P14-16. 在项目文件夹结构中使用 CLI, VS Code, Gemini.md 和基础知识.mp4  [13.7 MB]
P72-74. 章节概述.mp4  [56.0 MB]
P82-84. 数据中毒.mp4  [50.3 MB]
P43-45. 更多构建技能的提示.mp4  [13.9 MB]
P9-11. Git 和 GitHub 基础.mp4  [6.9 MB]
P3-4. 教师介绍 Arnold Oberleiter (Arnie).mp4  [3.8 MB]
P71-73. OpenClaw回顾和更多提示.mp4  [80.6 MB]
P49-51. 代理SDK教程Anthropic的claude-agent-sdk在Python中.mp4  [54.0 MB]
P28-30. Supabase 和 MCP 创建登录和重要提示.mp4  [30.3 MB]
P23-25. 测试和改进应用 调试和推送到 GitHub.mp4  [18.5 MB]
P66-68. Antigravity 使用React和Vite构建内容再利用应用.mp4  [72.3 MB]
P44-46. 来自Andrej Karpathy的自我提升AI的自我研究.mp4  [30.4 MB]
P56-58. Cursor介绍你需要知道的一切.mp4  [56.7 MB]
P37-39. 多代理系统 并行运行代理和子代理.mp4  [37.8 MB]
P36-38. 自定义斜杠命令 保存和检索提示.mp4  [8.2 MB]
P50-52. 在Claude代码中使用Ollama的免费开源LLMs.mp4  [28.2 MB]
P57-59. 项目与技术栈概述Python、Pydantic、Gradio、Cursor.mp4  [41.8 MB]
P13-15. Gemini CLI 在终端中的全局访问.mp4  [29.9 MB]
P35-37. 管理访问权限和 YOLO 模式 --危险跳过权限.mp4  [9.6 MB]
P22-24. 编程一个财务跟踪应用.mp4  [23.1 MB]
P84-86. 工具中毒, MCP 抢劫和其他安全漏洞.mp4  [72.7 MB]
P67-69. OpenClaw章节概述.mp4  [45.9 MB]
P45-47. Claude代码插件管理代理、钩子、MCP服务器和斜杠命令.mp4  [25.3 MB]
P74-76. Github项目概述.mp4  [6.3 MB]
P24-26. 项目概述.mp4  [13.0 MB]
P60-62. Pydantic AI在Python中构建深度研究代理，前端使用Gradio.mp4  [62.1 MB]
P31-33. 添加产品和附加选项.mp4  [11.4 MB]
P51-53. 循环、定时任务与Ralph循环完全自主和持续运行的任务.mp4  [14.4 MB]
P21-23. Claude Code 上下文工程的第一步及项目设置.mp4  [17.3 MB]
P64-66. 回顾.mp4  [48.2 MB]
P25-27. n8n 创建应用后端.mp4  [18.7 MB]
P40-42. 技能另一种为Claude提供代码能力的方法.mp4  [21.9 MB]
P68-70. 什么是OpenClaw（ClaudBot）.mp4  [26.8 MB]
P20-22. 上下文工程.mp4  [15.2 MB]
P42-44. Remotion技能为Claude代码创建视频和动画.mp4  [17.4 MB]
P88-90. 保护您和客户数据的隐私.mp4  [13.3 MB]
P69-71. 在Linux、macOS、Windows或VPS上安装OpenClaw.mp4  [78.7 MB]
P87-89. 开源许可证解读 (MIT, Apache 等).mp4  [53.2 MB]
P30-32. 自动跟踪 n8n 后端错误.mp4  [15.2 MB]
P79-81. 本节概述.mp4  [43.4 MB]
P77-79. 在LiveKit和Python中更多选项.mp4  [19.3 MB]
P12-14. 选项概述 即时构建工具, IDE 和 CLI.mp4  [16.2 MB]
P47-49. CLIs GitHub CLI、Google CLI、Playwright CLI及更多提示.mp4  [14.9 MB]
P1-2. 课程概述.mp4  [34.0 MB]
P4-5. AI 和 API 基础 LLMs, 令牌, 函数调用, 上下文窗口和提示.mp4  [46.8 MB]
P86-88. 版权和知识产权.mp4  [19.5 MB]
P89-91. 审查, 对齐和偏见.mp4  [10.9 MB]
P61-63. Python代码和整个Pydantic AI项目详细解释.mp4  [60.4 MB]
P10-12. 回顾.mp4  [14.1 MB]
P65-67. Antigravity基础安装、接口和模型.mp4  [20.0 MB]
P80-82. 越狱 真实风险.mp4  [91.4 MB]
P54-56. 回顾.mp4  [195.5 MB]
P8-10. Node.js 设置 安装 Node, nvm, bun 和 npm.mp4  [18.5 MB]
P75-77. LiveKit概述.mp4  [32.3 MB]
P5-7. 介绍.mp4  [2.7 MB]
P78-80. 回顾.mp4  [88.2 MB]
P34-36. 本节概述.mp4  [66.8 MB]
P55-57. 章节概述Python、Cursor和Pydantic AI.mp4  [29.5 MB]
P83-85. 行为不当的 MCP 服务器.mp4  [20.5 MB]
P39-41. 钩子为Claude提供自动化代码钩子.mp4  [23.6 MB]
P85-87. 身份验证和 API 密钥.mp4  [14.7 MB]
P76-78.在LiveKit和Python中构建带语音的AI头像.mp4  [88.6 MB]
P91-93. 回顾.mp4  [101.7 MB]
P29-31. 使用 Stripe 和 MCP 集成支付.mp4  [41.1 MB]