本章概览：从零到上线
这一章带你完整走一遍项目开发流程：从配置环境，到写代码，再到部署上线。
你会学到什么？
学完这章，你能独立完成：
- 配置好 Claude Code 开发环境
- 让 AI 帮你写后端代码
- 让 AI 帮你写前端代码
- 把项目部署到线上，让全世界都能访问
整体流程
环境准备 → 需求设计 → 后端开发 → 前端开发 → 部署上线
↓ ↓ ↓ ↓ ↓
3篇文章 1篇文章 1篇文章 1篇文章 1篇文章
每篇文章讲什么？
第一阶段：环境准备（先把工具装好）
| 文章 | 干嘛的 | 需要多久 |
|---|---|---|
| 01_配置Claude_Code环境 | 装好 Claude Code，能跟 AI 对话写代码 | 10分钟 |
| 02_配置Python虚拟环境 | 装好 Python，后端代码能跑起来 | 5分钟 |
| 03_安装Playwright_MCP插件 | 让 Claude 能操作浏览器帮你测试 | 5分钟 |
第二阶段：需求设计（想清楚要做啥）
| 文章 | 干嘛的 | 需要多久 |
|---|---|---|
| 04_如何设计需求 | 学会写需求文档，让 AI 理解你要做什么 | 30分钟 |
第三阶段：代码开发（让 AI 帮你写）
| 文章 | 干嘛的 | 需要多久 |
|---|---|---|
| 05_后端代码开发 | 让 Claude 帮你写后端接口 | 看项目大小 |
| 06_前端代码开发 | 让 Claude 帮你写前端页面 | 看项目大小 |
第四阶段：部署上线（让全世界能访问）
| 文章 | 干嘛的 | 需要多久 |
|---|---|---|
| 07_一条龙部署上线 | 前端部署 Vercel，后端部署 Railway | 30分钟 |
建议学习顺序
新手必读： 01 → 02 → 03 → 04
开始开发： 05 → 06
准备上线： 07
小提示：遇到不懂的名词，翻到最后看《08_名词手册》
技术栈说明
这章用的技术栈：
| 类型 | 技术 | 为什么选它 |
|---|---|---|
| 前端 | Next.js + Tailwind CSS | 主流、好学、部署方便 |
| 后端 | FastAPI + PostgreSQL | Python 写的，简单易懂 |
| 数据库 | Supabase | 免费、功能全、自带用户认证 |
| 部署 | Vercel + Railway + Cloudflare | 免费额度够用、一键部署 |
学之前需要会什么？
不需要会：
- 不需要会写代码（Claude 帮你写）
- 不需要懂服务器（平台帮你管）
- 不需要会数据库（跟着教程配就行）
需要会：
- 会用电脑打字
- 会注册账号
- 能看懂简单的英文单词
遇到问题怎么办？
- 先问 Claude — 把报错信息贴给它，让它帮你排查
- 查名词手册 — 不懂的词去《08_名词手册》查
- 搜一下 — 报错信息 + 关键词，Google 一下
- 问社群 — 实在搞不定，去社群问问其他人