Vibe Coding course breakdown showing Claude Code workflow from terminal setup to full web applicatio" width="1200" height="675" border="0" /> Vibe Coding course breakdown showing Claude Code workflow from terminal setup to full web applicatio

Vibe Coding实战教程拆解：68节课从安装到上线一个完整项目

68节课。这是我从头到尾翻完 Vibe Coding 实战教程目录之后的第一个感受——信息量不小。市面上讲"用AI写代码"的教程多如牛毛，但大部分要么停在工具安装就收工，要么做一个Todo List就号称"实战"。这门课不太一样。它真的从命令行扫盲一路讲到用 Claude Code 从零构建一个完整的电商 Web 应用，中间还把 Harness 七层脚手架、Skills、MCP 全部拆开讲了一遍。

这篇文章不是卖课。我把 68 节课拆成六个阶段，告诉你每个阶段在教什么、哪些值得精看、哪些可以快进，以及学完之后你是不是真的能用自然语言造出软件来。

Vibe Coding不是玄学，但也不是魔法

先说清楚一个误区。Vibe Coding 不是"说一句话AI就给你造一个完整系统"。它是一种工程化协作范式——你用自然语言描述意图，ai 执行代码编写，但你需要做架构决策、代码 Review、质量把控。课程简介里说得好："无需手写代码，但掌握工程化把控能力。"

这个定位我觉得是准确的。我自己用 Claude Code 做过几个项目，最大的感受是：工具本身够强，瓶颈在你能不能把需求拆清楚、能不能看懂 ai 写的代码、能不能在出问题时给出正确的修正方向。这门课的很大一部分价值，就是教你怎么跨过这个瓶颈。

前置知识阶段（第1-19节）：扫盲到工具选型

前19节是基础铺垫。节奏比较慢，内容是这样的：

• 第1-3节：课程介绍、Vibe Coding 概念、学习建议。快速过一遍就行。
• 第4节：命令行使用。如果你已经会用终端，跳过。完全不会的话这节必须跟着练——后面 Claude Code 的整个工作流都是基于命令行的。
• 第5-9节：ai 编程概述——发展历程、相关词汇、工程化升级范式、SDD（Spec-Driven Development）。第8-9节值得看，讲的是 ai 编程不是简单套壳，而是软件开发范式的升级。第9节的 SDD 概念后面项目实战会用到。
• 第10-14节：大语言模型介绍。从概念讲到 Claude 系列、GPT 系列、国产大模型旗舰，最后给推荐。这部分对新手有用——模型选错会直接影响输出质量和 Token 成本。课程推荐策略是 Claude 系列为主力，国产模型作为成本优化选项。这个判断我认同，Claude 在代码生成上确实领先。
• 第15-19节：编程工具介绍。评估维度、Claude Code 的强大功能、Harness 脚手架概念、Codex 工具、其他工具和组合选择。第16-17节要看——它解释了为什么选 Claude Code 作为主线，以及 Harness 七层体系是什么。这决定了你后面几十节课的学习框架。

我的建议：如果你已经有一定基础，前19节可以1.5-2倍速过一遍，重点看第8-9节（范式升级+SDD）和第16-17节（Claude Code + Harness）。完全零基础的话，第4节和第10-14节要精看。

安装部署阶段（第20-27节）：把工具跑起来

第20-27节是纯实操——Node.js 安装、Git 安装、Python 初始化管理目录、Claude 安装配置。然后进入配置使用：中转服务原生 API、DeepSeek 大模型接入、CCSwitch 工具介绍、VS Code 使用方式。

这部分没什么花哨的，就是跟着做。但有几个点值得注意：

第24节讲的中转服务对国内用户很关键。直接调 Claude API 有网络和支付门槛，中转服务解决这个问题。课程覆盖了从免费方案到高性能 API 的全链路配置——这个信息差值不少钱。

第25节讲 DeepSeek 接入。如果你预算有限，用 DeepSeek 替代 Claude 是个现实的成本优化方案。但要注意代码生成质量会有差距，尤其是复杂逻辑。

第27节 VS Code 集成。Claude Code 不只是命令行工具，VS Code 里有插件可以更顺滑地用。日常开发我更推荐这个方式。

Claude Code进阶（第28-41节）：课程的真正核心

如果这门课只能留一个模块，我留这14节。这是课程最有价值的部分——从"能用 Claude Code"到"用好 Claude Code"的跨越。

内容密度很高：

• 第28节 合理切换模型 — 不同任务用不同模型。简单任务用便宜模型，复杂推理用旗舰模型。这个策略能把 API 成本砍掉一半以上。
• 第29节 settings.json 配置详解 — Claude Code 的所有行为都可以通过配置文件控制。权限、模型、工具、环境变量——全在这里。这节是 Harness 体系的地基。
• 第30-32节 Claude.md 文档 — 这三节是核心中的核心。 Claude.md 是 Claude Code 的"记忆文件"——你告诉它项目规则、技术栈、代码风格、禁用项。写不写 Claude.md，输出质量天差地别。第32节专门拆解了 Karpathy 的 md 文档——这个人是中国 Claude Code 社区里写 Claude.md 写得最好的人之一，他的文档结构值得直接抄。我自己的 Claude.md 就是参考他的模式改出来的，效果立竿见影。

如果你觉得每次都要重新解释项目背景很痛苦， 这篇关于停止重复解释的文章 讲的就是怎么用 Claude.md 彻底解决这个问题。

• 第33节 三层记忆 — Claude Code 有项目级、用户级、系统级三层记忆。理解这个机制才能让 ai 真正"记住"你的偏好和项目上下文。和 Context Engineering 的思路 一脉相承——上下文管理不好，ai 构建就会崩。
• 第34-35节 系统命令 + 额外功能 — 一些进阶技巧，包括文件操作、搜索、并行任务等。
• 第36-37节 工作流 — 工作流概念 + 小型实战展示。这节是从理论到实践的过渡。
• 第38节 建议总结 — 到这里你应该已经能独立用 Claude Code 做中等复杂度的任务了。
• 第39节 启动套件 — 官方推荐的启动模板。直接拿来用，省去自己搭的时间。
• 第40节 自定义斜杠命令 — Claude Code 支持自定义 / 命令。比如你可以写一个 /deploy 命令自动执行部署流程。这个功能用好了就是把重复工作流变成一键操作。
• 第41节 模式切换 — Claude Code 有不同模式（正常/计划/自动等），不同场景切不同模式。

这14节我建议全部精看，尤其是第29-33节。配置文件和记忆系统是 Claude Code 工程化的灵魂——不搞懂这些，你永远停留在"聊天式编程"的阶段，做不了复杂项目。

Skills与MCP（第43-50节）：把能力固化下来

第43-50节讲 Skills 和 MCP——这是把 ai 编程能力从"一次性对话"变成"可复用工程资产"的关键。

• 第43-45节：Skills 介绍——完整结构、官方 Skill 下载使用、其他推荐 Skill。Claude Code 的 Skills 是 Claude Skills 生态 的一部分。你可以把常用工作流封装成 Skill，下次直接调用，不用重新写提示词。
• 第46-48节：Skills 实操——用 skill_creator 创建新 Skill、使用其他 Skill 工具、构建自己的 Skill。第48节最关键——学完你就能源源不断地给自己造工具。
• 第49节 superpowers 插件 — 社区里比较火的一个增强插件。扩展了 Claude Code 的能力边界。
• 第50节 MCP 服务 — MCP（Model Context Protocol）是让 Claude Code 接外部服务的协议。接数据库、接 API、接文件系统——全靠 MCP。这块内容深度有限，但入门够用。想深入可以再看 Magic MCP 把 Claude Code 变成 UI 设计师 这篇。

这个模块的价值在于：学完之后你不是只会用 Claude Code 自带的功能，你能造自己的工具、接自己的服务。这是从"用户"到"建造者"的分界线。

MillMall项目实战（第51-61节）：用嘴造一个电商系统

这是课程的高潮。11节课，从零构建一个叫 MillMall 的电商 Web 应用。流程是这样的：

• 第51节 项目介绍——MillMall 是什么，要实现什么功能
• 第52节 ai 生成完整计划——让 Claude Code 根据 PRD（产品需求文档）生成项目计划和架构设计。这就是前面第9节讲的 SDD 的实际应用
• 第53节 完成项目构建——脚手架搭建，目录结构，基础配置
• 第54节 三大辅助功能——可能是工具函数、中间件、配置项之类的辅助模块
• 第55节 自定义生成 Skill——为这个项目专门写一个 Skill，固化开发流程
• 第56节 商品模块开发 + 代码 Review——CRUD + 图片上传 + 分类。注意这里提到了代码 Review——这很重要。ai 写的代码你必须能看懂、能判断好坏。这是 Vibe Coding 和"盲目信任AI"的区别
• 第57节 用户认证——注册登录、JWT、权限控制
• 第58节 购物车和订单逻辑——业务最复杂的部分。状态流转、库存扣减、订单生成
• 第59节 后台管理——Admin 界面，商品管理、订单管理
• 第60节 项目审核——整体 Review，查漏补缺
• 第61节 项目拓展——继续迭代新功能

这11节是前面所有知识的综合验证。你需要跟着做——不是看一遍就会的。我建议在做的时候自己也做一个类似但不同的项目（比如把电商换成图书管理），用学到的流程独立走一遍。能走通，才是真学会了。

关于用 ai 做项目，如果你想更系统地理解为什么 ai 构建会出问题、怎么防住，Context Engineering 那篇 值得一读。