课程简介
这门课的主题很明确:把 Claude Code、Cursor、Codex 三个工具放进同一条全栈开发流水线里,用「vibe coding」的方式把想法推到能跑的应用。它不是工具说明书的拼盘,而是围绕一个贯穿始终的工程流程来讲——什么时候让 AI 直接改文件、什么时候用对话式补全、什么时候把生成结果收敛回可维护的代码结构。 技术栈不是并列展示,而是分层使用…
这门课的主题很明确:把 Claude Code、Cursor、Codex 三个工具放进同一条全栈开发流水线里,用「vibe coding」的方式把想法推到能跑的应用。它不是工具说明书的拼盘,而是围绕一个贯穿始终的工程流程来讲——什么时候让 AI 直接改文件、什么时候用对话式补全、什么时候把生成结果收敛回可维护的代码结构。
技术栈不是并列展示,而是分层使用
课程里三个工具各有分工。Claude Code 偏「代理式」操作,能读目录、改多文件、跑命令,适合处理跨模块的改动;Cursor 的强项在编辑器内的即时补全与局部重构,适合在已有结构上快速迭代;Codex 更多承担生成片段与补全逻辑的角色。课程没有把它们当成互相替代的选项,而是按任务粒度切换:结构性改动交给代理,细粒度调整留在编辑器里。这种分层思路比「哪个工具更强」的对比更有参考价值,因为实际项目里本来就不会只用一种交互方式。
全栈链路里值得对照的模块
从线索看,课程覆盖了从前端界面到后端服务、再到模型侧集成的完整链路,其中几个部分具备直接复用的可能:
- 提示词的正向与负向写法,尤其是如何用负面提示约束生成结果的边界,避免 AI 在无关文件上乱动。
- 把 ComfyUI 当作本地后端服务的替代方案,适合没有稳定云端资源、又需要跑通图像相关流程的场景。
- 用 Pydantic 构建 AI 代理时的数据结构、评估与可观测性处理,这部分是把「能跑」推进到「能调试」的关键。
这些模块的价值在于它们解决的是工程中真实存在的摩擦点:生成结果不可控、依赖外部服务不稳定、代理行为难以追踪。带着自己项目里的同类问题去看,比按顺序刷完更有效。
项目结构决定 AI 能不能帮上忙
vibe coding 容易给人一种「随便说两句就能出应用」的错觉,但这门课隐含的前提是:项目本身的目录划分、模块边界、命名约定要先立住。AI 工具在结构清晰的代码库里表现明显更好,因为上下文更容易被正确检索,改动范围也更容易被限定。所以看课时值得留意它是怎么组织前后端目录、怎么拆分服务与组件的——这部分往往比具体某段生成代码更值得抄。你也可以拿自己手头的一个小项目,按同样的方式重新划分结构,再让工具介入,对比前后的差异。
适合什么样的自学者
如果你已经写过前端、能看懂基本的后端接口和 Python 脚本,这门课能直接对上你的经验。它不适合零基础照着敲,因为大量内容依赖你对「代码该怎么组织」的判断。比较务实的用法是:先挑一个自己想做的小全栈应用,跟着课程的流程走一遍,遇到对应章节再回看具体做法。文档和演示用来理解思路,真正的吸收发生在你把工具接到自己代码库的那一刻。
自学路径上的几个提醒
建议按「工具分工 → 提示词约束 → 后端替代方案 → 代理可观测性」的顺序推进,前两步决定你能不能稳定产出,后两步决定产物能不能长期维护。每看完一段就动手改一处自己项目里的代码,而不是只看演示效果。AI 工具迭代很快,具体操作界面可能和录制时有出入,但结构化的项目组织方式和对生成结果的约束思路,是相对稳定的部分,也是这门资料真正值得留下的东西。
中文标题:Vibe 编码实战指南_用 Claude 代码、光标和 Codex 快速构建全栈应用
全栈实战,AI赋能
编辑点评
实战导向,结合AI工具,快速构建全栈应用,适合前端开发者及AI爱好者。
⭐ 编辑推荐
本课程通过Vibe编码实战,教你使用Claude代码、光标和Codex等AI工具,高效构建全栈应用。
✨ 课程亮点
✦AI工具实战应用
✦全栈开发技能提升
✦项目驱动学习
课程目录
课程目录78 集
- 【国语】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]
- 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]
- 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]
- P25-27. n8n 创建应用后端.mp4 [18.7 MB]
- P40-42. 技能另一种为Claude提供代码能力的方法.mp4 [21.9 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]
- P77-79. 在LiveKit和Python中更多选项.mp4 [19.3 MB]
- P12-14. 选项概述 即时构建工具, IDE 和 CLI.mp4 [16.2 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]
- P65-67. Antigravity基础安装、接口和模型.mp4 [20.0 MB]
- P80-82. 越狱 真实风险.mp4 [91.4 MB]
- P8-10. Node.js 设置 安装 Node, nvm, bun 和 npm.mp4 [18.5 MB]
- P55-57. 绔犺妭姒傝堪Python銆丆ursor鍜孭ydantic 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]
- P29-31. 使用 Stripe 和 MCP 集成支付.mp4 [41.1 MB]
🎯 学习收获
- 掌握Vibe编码工具
- 提升全栈开发能力
- 构建AI赋能的全栈应用