Zero2Claude · AI 编程工具入门
30 分钟上手 Claude Code
别先背概念。打开浏览器终端，跟着 Sager完成第一个 Claude Code 任务：初始化项目、写下规则、让 AI 读懂你的开发上下文。
无需安装 · 浏览器即用 · 完成后可继续完整路径
30m
首次任务
5
学习阶段
28
实战任务
First Mission · Browser Terminal
30 分钟首胜利
让 Claude Code 读懂你的项目
首个任务不是看完一章课，而是拿到一份可复用的 CLAUDE.md 和一次真实 AI 编程体验。
05
认识 Claude Code知道它适合做什么，避免只把它当聊天框。
15
完成终端任务在浏览器里执行命令，不被本地环境劝退。
10
生成项目规则沉淀下次还能继续使用的 AI 协作配置。
~/zero2claude
$ claude /init Analyzing project... Creating CLAUDE.md Done: project memory ready
SagerBuddy 教练会跟着任务走
它会结合当前阶段、终端目标和学习进度，给出解释、复习和应用练习。
解释 slash commandsLesson
生成记忆卡片Memorize
出 5 道应用题Apply
体验结束后你会带走
不是看过一页介绍，而是一份能继续复盘和扩展的学习结果。
项目记忆终端任务学习报告
Zero2Claude 学习地图
从第一次打开 Claude Code，到完成项目初始化、上下文管理、Plan/Agent 工作流。
入门者最关心的问题
完全零基础可以开始吗？
可以。首个任务先让你完成一次可见动作，不要求先读完官方文档，也不要求理解所有 AI 编程概念。
需要先安装 Claude Code 吗？
不需要。你可以先在浏览器终端里练习核心流程，确认自己会用之后，再迁移到本地项目。
30 分钟后我能得到什么？
你会完成项目初始化、项目规则和第一次 AI 编程任务，带走一份可复盘的 CLAUDE.md 学习结果。
开发者和管理者都适合吗？
适合。开发者先练个人工作流，管理者可以看如何把 AI 协作规则沉淀成团队可复制的规范。
学完你能做什么
与读官方文档不同，这里有 28 个浏览器终端实战任务——边学边练，学完就有肌肉记忆。
🖥️
熟练使用 Claude Code 完成日常开发
掌握 slash commands、CLAUDE.md 记忆系统、会话管理，让 AI 编程助手真正融入你的工作流。
⚙️
构建完整的项目配置体系
学会 Skills、Hooks、MCP Server 三大扩展机制，为团队项目定制 AI 编程规范和自动化流程。
🚀
从零创建网页应用，拥有可预览作品
综合运用全部知识，在浏览器终端中从零构建一个纯前端个性化记账应用，并直接打开作品预览查看效果。
适合谁
前端/后端开发者想用 Claude Code 提升开发效率，但不知道从哪里开始
技术团队负责人需要为团队制定 AI 编程规范和配置标准
在校学生 / 转行者想快速掌握 AI 编程工具，提升学习和项目效率
独立开发者想用 AI 工具一个人干五个人的活，从 idea 到上线
学习大纲
怎么学
零基础新手从 Stage 1 顺序往下，每个概念都配有实战练习，1-2 周完成
用过 Claude Code跳过 Stage 1，直接从 Stage 3 的 Skills/Hooks/MCP 开始深入
想快速上手直接看 Stage 5 实战项目，边做边补前面的知识
只想查资料每个模块都有参考卡片和命令速查，按需查阅即可
学习前置要求
✓会使用命令行终端
✓基本的 Git 操作（clone、commit、push）
✓了解至少一门编程语言的基础语法
✓有一个 Anthropic 账号（可免费注册）
△有 Node.js 项目经验更佳
△了解 package.json 和 npm 基础
✓ 必须具备 | △ 加分项，没有也可以学
学习原则
- 先动手，再深读 — 跑通一个命令比读完文档更有用
- 每个概念都有实战任务 — 不是看完就忘的教程
- CLAUDE.md 是你的项目记忆 — 越早建立越好
- 从 copy 开始，再到 customize — 先用现成配置，再按需调整
- Skills + Hooks 是效率倍增器 — 学会创建自己的自动化流程
- 浏览器终端零门槛 — 不用装任何东西就能开始练习
无需安装，浏览器中即可练习