---
title: "基础篇"
description: "VibeVibe 基础篇：围绕个人主页 + 数字分身案例，带零基础读者完成第一次从想法到上线的完整闭环。"
---

# 基础篇

<BasicEditionUpdateBox />

这套基础篇已经按新版主线完成重写：围绕“个人主页 + 数字分身”这一个连续案例，带你从第一次生成，到本地修改、界面优化、内容补全、数字分身校准，再到正式上线。

## 这套基础篇在做什么

这不是一本“先学语法、再学框架、最后再做项目”的传统教材。

它更像一条可以直接走通的路线：

- 先做出一个能运行、能展示、能对话的作品
- 再把它带回自己的电脑，学会继续修改
- 再一步步把它改得更像一个真正的产品
- 最后正式上线，拿到别人也能访问的链接

这套基础篇默认你是 **独立 vibe coder**。你不需要假设自己身边有前端、后端、测试同事。你要学会的，是如何把想法说清楚，如何把 AI 当成执行伙伴，如何判断结果是不是对的。

## 你最终会做出什么

本教程的主线案例是：**个人主页 + 数字分身**。

| 部分 | 它负责什么 | 为什么适合基础版 |
|------|-------------|------------------|
| 个人主页 | 展示你是谁、你做过什么、别人如何联系你 | 结果直观，容易建立成就感 |
| 数字分身 | 代替你回答别人最常问的问题 | 天然适合引入 AI，对话结果也容易验证 |
| 正式发布 | 把作品变成稳定链接，分享给别人看 | 帮你完成第一次“从想法到上线”的闭环 |

## 章节结构（v2）

| 章节 | 这一章解决什么问题 | 核心交付 |
|------|------------------|----------|
| 第 0 章 | 开始前，先知道自己要学什么、怎么学、卡住怎么办 | 一张清晰的学习地图 |
| 第 1 章 | 先做出第一个能预览、能聊天的版本 | `v1` 原型 |
| 第 2 章 | 把项目带回本地，获得长期掌控力 | 本地可运行、可修改的项目 |
| 第 3 章 | 让首页更像作品，而不是默认模板 | 视觉统一的首页 |
| 第 4 章 | 让内容更完整，也让代码更可回退 | 更完整的主页 + 最小 Git 闭环 |
| 第 5 章 | 让数字分身更像你，并学会基础排错 | 更稳定、更像你的数字分身 |
| 第 6 章 | 把作品正式上线并收集真实反馈 | 公网可访问的稳定链接 |

## 怎么使用这套教程

::: tip 推荐学习方式
1. **先动手，再回看**：如果你容易焦虑，先做出东西会更有信心。
2. **每章都要亲手操作**：这不是只靠阅读就能掌握的教程。
3. **遇到问题先问 AI**：本教程不会要求你先自己硬扛半小时。
4. **不用一次看完附录**：附录是“遇到再查”，不是“提前全背”。
:::

## 你可以从哪里开始

- 想先搞清楚自己是不是适合这条路线：从 [第 0 章：开始前](/Basic/00-preface/) 开始
- 已经迫不及待想做出第一个版本：看完第 0 章后直接进入 [第 1 章：第一个版本](/Basic/01-awakening/)

---

[进入第 0 章：开始前 →](/Basic/00-preface/)