BrainBank

Claude How To:34.4k+ Star 的 Claude Code 教程,GitHub 霸榜的"从入门到精通"

2026/7/19 21:25:44 · 更新于 2026/7/19 21:28:43 · 来源

#claude-code#anthropic#ai-coding#step-by-step#terminal-agent#claude-howto

本文介绍了在 GitHub 斩获 34.4k+ Star 的 Claude Code 系统教程项目 claude-howto,它通过 10 个循序渐进的模块、Mermaid 图解与开箱即用的配置模板,帮助开发者系统化掌握终端 AI Agent 提效。

luongnv89/claude-howto 是一个在 GitHub 上收获超过 34,000 Star 的 Claude Code 实战指南。它不仅仅是一份静态的 API 文档,更是一个包含 10 个模块、覆盖从 Slash Command(斜杠命令)到全栈智能体(Agents)的完整学习体系。教程配有直观的 Mermaid 运行图解与即插即用的配置模板,适合从零基础小白到希望深度掌握 Claude Code 的开发者。


为什么这个项目能收获 34,000+ Star?

在 Claude Code 发布的一年多里,许多开发者在尝试运行几条 Prompt 后,往往会卡在以下瓶颈:

  • 知道有 Slash Commands,但不知道如何将多条命令组合使用
  • 知道有 Skills(技能),但自己写的 Skill 总是无法在正确的时机被触发
  • 搞不清 Hooks(钩子)和 Skills 的本质区别,不知道什么时候该用哪一个
  • 配置了 MCP(Model Context Protocol)协议,但 Agent 根本不调用相关的外部工具。

官方文档更侧重于功能描述,并没有解答“应该按什么顺序学习”以及“如何将这些功能组合起来解决实际问题”。而 Claude How To 正是为了填补这一空白:

  1. 清晰的学习路径:明确先学什么、后学什么,并估算了每个模块所需的学习时长。
  2. 直观的 Mermaid 图解:用流程图展示每个功能内部的工作原理。
  3. 即插即用的配置模板:提供可以直接复制到实际项目中的配置文件,而非无法落地的概念代码。

截至目前,该项目已收获 34,429 ⭐ Stars4,210 Forks,版本已同步至最新的 Claude Code 发行版 v2.1.145


10 大模块:循序渐进的三级学习路径

整个教程分为三大阶梯,共 10 个模块,预计总学习时长为 11 到 13 小时。你完全可以每次只花 5 分钟学习其中一个子模块,并立即将其应用到工作中。

Level 1:基础功力(入门级,约 2.5 小时)

学完该阶段,你将能够应付日常的代码编写,并在切换多个项目时保证上下文不丢失。

  • Slash Commands(30 分钟):掌握 /command 的编写,并学会配置自定义命令。
  • Memory(45 分钟):理解 Chewie.md 的编写规范,以及项目级与目录级 CLAUDE.md 的区别。
  • Checkpoints(45 分钟):学会使用 /checkpoint/diff/rewind,将 Checkpoint 作为轻量级的代码版本管理工具。
  • CLI Basics(30 分钟):掌握 Claude 的命令行参数、批量运行模式及 --print 参数的用法。

Level 2:组合能力(进阶级,约 3.5 小时)

  • Skills(1 小时):编写专属 Skill,并深入理解渐进式暴露(Progressive Disclosure)原理。
  • Hooks(1 小时):掌握事件驱动的自动化流程,配置 pre/post tool use 钩子。
  • MCP(1 小时):配置 MCP 服务,使 Agent 能够调用外部工具和检索外部数据。

Level 3:系统思维(高级,约 5 小时)

  • Subagents(1.5 小时):学习如何构建拥有独立上下文、专用工具和特定模型的子 Agent。
  • Advanced Features(2-3 小时):掌握规划模式(Planning mode)、后台任务(Background tasks)以及跨模型审查(Cross-model review)。
  • Plugins(2 小时):了解插件市场、私有插件开发以及技能包管理。

核心特色:它与普通教程有何不同?

1. 内置智能自测系统

每个模块学习完成后,你可以直接在 Claude Code 中运行测试命令。例如,在完成 Hooks 模块后输入:

/lesson-quiz hooks

系统会针对该模块进行提问,答完即可检验盲区。如果需要针对性地温习,可以运行:

/lesson-quiz hooks read-only

此外,你还可以通过以下命令进行全面的个人能力评估:

/self-assessment

该系统不考枯燥的概念(如“什么是 Agent Teams”),而是通过选择题询问你“实际项目中用过哪些功能”、“能否分清 Skills 与 Command 的区别”等实操问题,并根据结果为你定制后续的学习路径。

2. 提供直接可用的生产级模板

普通技术教程的代码大多仅作为“原理解释”的用例。而 Claude How To 提供的配置可以直接复制到你的项目目录中,实现“先运行,后理解”:

cp claude-howto/01-slash-commands/optimize.md → .claude/commands/
cp claude-howto/02-memory/project-CLAUDE.md → ./CLAUDE.md
cp -r claude-howto/03-skills/code-review-specialist → ~/.claude/skills/

3. 直观的 Mermaid 架构图解

每个核心功能都配有 Mermaid 调用链路图。通过将枯燥的文字转化为可视化的流程图,你可以更轻松地将配置项与底层运行逻辑对应起来。

4. 紧跟官方版本迭代

项目的版本号(如当前的 v2.1.145)与官方 Claude Code 的发行版号严格保持同步。当 Claude Code 推出新功能或修改 API 时,教程会第一时间进行适配更新。

5. 原生支持 5 种语言

项目内置了多语言版本,无需借助翻译插件即可无障碍阅读:

  • 简体中文(位于 zh/ 目录下)
  • English
  • Tiếng Việt
  • 日本語
  • Українська

快速上手指南

你可以通过以下简单的步骤,在一小时内快速完成基础配置:

# 1. 克隆仓库
git clone https://github.com/luongnv89/claude-howto.git

# 2. 复制第一条 slash command 到你的项目中
mkdir -p /path/to/your-project/.claude/commands/
cp claude-howto/01-slash-commands/optimize.md /path/to/your-project/.claude/commands/

# 3. 立即在 Claude Code 中输入以下命令进行体验:
# /optimize

# 4. 配置项目级记忆上下文
cp claude-howto/02-memory/project-CLAUDE.md /path/to/your-project/CLAUDE.md

# 5. 安装代码审查专家技能
cp -r claude-howto/03-skills/code-review-specialist ~/.claude/skills/

离线阅读

如果你希望在没有网络的环境下学习,或者喜欢使用电子阅读器,可以通过以下命令生成全量 EPUB 电子书:

uv run scripts/build_epub.py

常见问题解答 (FAQ)

Q: 这个教程与官方的 Best Practices Guide(最佳实践指南)有什么区别?

A: 官方的最佳实践指南主要聚焦于 Tips 的分享和基本概念的对比,适合用来查阅零散的技巧。而 Claude How To 侧重于体系化的学习路径以及直接可用的模板,适合想要系统性掌握该工具的开发者。

Q: 是否支持离线查看?

A: 支持。所有的配置文件和模板都保存在本地,无需联网即可使用。你还可以通过脚本生成 EPUB 电子书,放入阅读器中离线阅读。

Q: 零基础的开发者能看懂吗?

A: 完全可以。Level 1 阶段从最基础的命令行和最简单的斜杠命令讲起,不要求有任何前置配置经验。


Key takeaways

  • 系统化路径:摒弃碎片化学习,提供 11-13 小时、分阶段(基础、进阶、系统)的 Claude Code 完整晋级路线。
  • 高实操性:配有可直接复制至项目目录的 .claude/commands/CLAUDE.md 等模板,降低配置门槛。
  • 智能自测:通过内置的 /self-assessment/lesson-quiz 命令,在终端里直接通过答题定位知识盲区。
  • 原生中文:提供高质量的中文本地化内容(zh/ 目录),扫清语言障碍。

学习地图

Claude Code 学习路径图

第一阶段:基础功力(入门,约 2.5 小时)

  • Slash Commands:掌握基础快捷斜杠命令,学会配置自定义快捷命令,提升日常高频操作效率。
  • Memory 记忆系统:深入理解 .claude/ 目录与项目级 CLAUDE.md 的区别,让 Agent 牢记项目上下文,防止多项目切换时上下文丢失。
  • Checkpoints 版本管理:学习 /checkpoint/diff/rewind,将其作为本地代码微型版本控制,随时安全回滚。
  • CLI 基础参数:掌握 CLI 的批量执行模式、--print 选项,让 Claude Code 轻松融入你的脚本自动化工作流。

第二阶段:组合能力(进阶,约 3.5 小时)

  • Skills 技能定制:编写专属技能,理解 progressive disclosure 渐进式暴露原理,教 Claude 执行复杂的业务流。
  • Hooks 事件钩子:学习基于事件驱动的自动化,在工具调用前后(pre/post tool use)自动触发定制脚本。
  • MCP 协议集成:配置 Model Context Protocol 独立服务端,打通本地数据库、API 或外部文件系统,扩展 AI 能力边界。

第三阶段:系统思维(高级,约 5 小时)

  • Subagents 子智能体:理解并运行独立的子 Agent,每个子 Agent 拥有隔离的上下文、专用工具和不同模型配置。
  • 高级协同特征:学习 Planning 规划模式、后台异步任务(background tasks)和跨模型审查(cross-model review)。
  • Plugins 插件生态:探索私有及公开插件市场,统一管理和分发你的团队定制化 AI 技能包。

动手实践——分步指南

5分钟快速上手 Claude Code 实操指南

1. 安装与初始化 Claude Code

确保本地有 Node.js 环境,在终端中执行以下命令全局安装 Claude Code 并完成登录:

npm install -g @anthropic-ai/claude-code
claude

按照屏幕提示完成 Anthropic 账号授权登录。

2. 克隆教程仓库

克隆 claude-howto 项目,并进入该目录:

git clone https://github.com/luongnv89/claude-howto.git
cd claude-howto

你可以查看 zh/ 目录下已经完全翻译好的中文教程内容。

3. 配置自定义 Slash Command

在你的实际开发项目中,创建 .claude/commands 配置目录,并从教程中复制一个代码优化模板:

mkdir -p /path/to/your-project/.claude/commands/
cp 01-slash-commands/optimize.md /path/to/your-project/.claude/commands/

进入你的项目目录,启动 claude 并输入 /optimize 即可体验自动代码重构与分析。

4. 初始化项目记忆体 (CLAUDE.md)

在你的项目根目录下放一个 CLAUDE.md 模板文件,告诉 Claude Code 本项目的技术栈和代码规范:

cp 02-memory/project-CLAUDE.md /path/to/your-project/CLAUDE.md

根据你的项目实际需求(如使用 React 或 Go 语言)微调该文件。以后运行 Claude 终端时,它将自动加载这些上下文约束。

5. 导入一个高级 Code Review 技能

将精选技能脚本导入本地的全局技能目录中:

mkdir -p ~/.claude/skills/
cp -r 03-skills/code-review-specialist ~/.claude/skills/

重新在你的项目下唤醒 claude,运行诊断并让其调用 code-review-specialist 技能执行深度审查。

三大推荐资源

  1. 1
    luongnv89/claude-howto GitHub 仓库

    拥有超过 34k 星标的 Claude Code 互动式从入门到精通教程,包含全套可直接复制的配置模板及中文翻译。

    https://github.com/luongnv89/claude-howto

  2. 2
    Anthropic Claude Code 官方文档

    官方关于 Claude Code CLI 工具的权威指南,涵盖基础安装、基本概念与详细的系统限制说明。

    https://docs.anthropic.com/en/docs/agents-and-tools/claude-code

  3. 3
    Model Context Protocol (MCP) 官方网站

    由 Anthropic 推出的开源协议,可实现 Claude 终端与各种本地/远程数据源及计算工具的无缝连接。

    https://modelcontextprotocol.io

链接由 AI 推荐——使用前建议快速核实。