Vibe Coding
返回工具列表

Claude Code

Claude Code

直接在你的代码库里和 Claude 协作。它能从终端、IDE、Slack、Web 等入口帮你理解项目、修 bug、写测试、改 UI，并把结果交给你审查。

TerminalWebiOSAndroidGitHubVS CodeJetBrainsSlack
官方中文文档第三方镜像推荐

Terminal

从命令行直接进入真实项目

IDE

在编辑器里处理跨文件任务

Anywhere

Web、移动端、Slack 接力工作

示例仪表盘 / 给设置页添加深色模式切换

给设置页添加深色模式切换。需要记住用户选择；如果用户还没选择，就跟随系统默认。

这里已经有 ThemeProvider。我会把模式提升到上下文，写入 localStorage，并在设置页添加浅色 / 深色分段控制。
src/theme/ThemeProvider.tsx
10export function ThemeProvider({ children }) {
11 +const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
12 +const stored = localStorage.getItem('theme')
13 +const [mode, setMode] = useState(stored ?? 'dark')
15 +useEffect(() => {
16 +localStorage.setItem('theme', mode)
17 +}, [mode])
完成：外观区域现在有了切换控件。右侧是预览；切换后，整个应用都会跟随变化。
#112 acme-dashboard claude/settings-dark-mode-Xk4fq CI

工具怎么用

先理解工具，再读文档

这个入口页保留工具介绍、使用场景和起步步骤；官方中文文档迁移内容放在后面的索引区，方便继续深入查阅。

代码库导览

让 Claude 先读仓库，解释项目结构、依赖关系和关键入口。

把问题变成 PR

从 issue 到改代码、跑测试、写总结，减少在工具之间来回切换。

完成跨文件改动

在理解依赖和上下文后，处理多文件修改、重构和功能开发。

1

获取 Claude Code

先安装 CLI。macOS、Linux、WSL 可用官方脚本，macOS 也可以用 Homebrew。

2

从终端开始

进入仓库根目录后启动 Claude。第一次先让它说明项目结构，不要急着改文件。

3

先做代码库导览

官方页面把代码库导览放在最前面：新项目先问“这是什么、入口在哪、怎么运行”。

4

批准编辑和命令

让 Claude 说明要改哪些文件、为什么运行命令，再批准它执行。

Claude Code 中文文档

中文文档索引

迁移并整理 Claude Code 中文文档的信息架构：快速开始、核心概念、常见工作流、平台集成和参考配置。

官方中文文档第三方镜像推荐

快速开始

Claude Code 概述

Claude Code 是一个代理式编码工具，运行在你工作的地方，帮助你理解代码库、编辑文件、运行命令并交付结果。

阅读

快速开始

Claude Code 快速开始

安装 Claude Code，进入项目根目录，先让它读代码，再逐步批准修改和命令。

阅读

快速开始

Claude Code 更新日志

更新日志用于了解新能力、行为变化和可能影响团队流程的功能。

阅读