基础篇
新版说明
这一版基础篇和旧版有什么不同？
如果你学过旧版，或者正在学旧版，这里先给你一个最快判断：新版不是在旧版上零碎加几段补丁，而是把整套基础篇重排成了一条更连续、更适合独立 vibe coder 的主线。
立意
新版把全篇收束到一个连续案例：个人主页 + 数字分身。不再让读者在很多零散例子和概念之间来回跳，而是围绕同一个作品，走完从想法到上线的第一次完整闭环。
优势
新版更强调“先做出来，再逐步理解”。章节顺序更贴近真实 AI 协作流程：先生成第一版，再带回本地、改界面、补内容、调数字分身、最后上线。新手高频卡点也被更明确地放进正文和附录里了。
目标
新版的目标不是把你一次培养成专业工程师，而是帮你建立三种最关键的基本能力：做得出来、改得动、能上线。当你真正做完第一个作品，后面的技术学习才更容易有抓手。
这套基础篇已经按新版主线完成重写：围绕“个人主页 + 数字分身”这一个连续案例，带你从第一次生成，到本地修改、界面优化、内容补全、数字分身校准，再到正式上线。
这套基础篇在做什么
这不是一本“先学语法、再学框架、最后再做项目”的传统教材。
它更像一条可以直接走通的路线：
- 先做出一个能运行、能展示、能对话的作品
- 再把它带回自己的电脑，学会继续修改
- 再一步步把它改得更像一个真正的产品
- 最后正式上线，拿到别人也能访问的链接
这套基础篇默认你是 独立 vibe coder。你不需要假设自己身边有前端、后端、测试同事。你要学会的，是如何把想法说清楚，如何把 AI 当成执行伙伴，如何判断结果是不是对的。
你最终会做出什么
本教程的主线案例是：个人主页 + 数字分身。
| 部分 | 它负责什么 | 为什么适合基础版 |
|---|---|---|
| 个人主页 | 展示你是谁、你做过什么、别人如何联系你 | 结果直观，容易建立成就感 |
| 数字分身 | 代替你回答别人最常问的问题 | 天然适合引入 AI，对话结果也容易验证 |
| 正式发布 | 把作品变成稳定链接，分享给别人看 | 帮你完成第一次“从想法到上线”的闭环 |
章节结构（v2）
| 章节 | 这一章解决什么问题 | 核心交付 |
|---|---|---|
| 第 0 章 | 开始前，先知道自己要学什么、怎么学、卡住怎么办 | 一张清晰的学习地图 |
| 第 1 章 | 先做出第一个能预览、能聊天的版本 | v1 原型 |
| 第 2 章 | 把项目带回本地，获得长期掌控力 | 本地可运行、可修改的项目 |
| 第 3 章 | 让首页更像作品，而不是默认模板 | 视觉统一的首页 |
| 第 4 章 | 让内容更完整，也让代码更可回退 | 更完整的主页 + 最小 Git 闭环 |
| 第 5 章 | 让数字分身更像你，并学会基础排错 | 更稳定、更像你的数字分身 |
| 第 6 章 | 把作品正式上线并收集真实反馈 | 公网可访问的稳定链接 |
怎么使用这套教程
推荐学习方式
- 先动手，再回看：如果你容易焦虑，先做出东西会更有信心。
- 每章都要亲手操作：这不是只靠阅读就能掌握的教程。
- 遇到问题先问 AI：本教程不会要求你先自己硬扛半小时。
- 不用一次看完附录：附录是“遇到再查”，不是“提前全背”。
你可以从哪里开始
- 想先搞清楚自己是不是适合这条路线：从 第 0 章：开始前 开始
- 已经迫不及待想做出第一个版本：看完第 0 章后直接进入 第 1 章：第一个版本