Appearance
第一章:什么是 Claude Code
1.1 Claude Code 简介
Claude Code 是 Anthropic 公司推出的官方命令行 AI 编程助手(CLI AI Coding Assistant)。它直接运行在你的终端(Terminal)里,能够读取和修改你电脑上的文件,执行命令,并以一种"智能代理"(Agentic)的方式帮你完成各种编程和文档任务。
你可以把 Claude Code 想象成一个坐在你旁边的超级助手——它不仅能和你聊天,还能直接动手帮你干活:写代码、改文件、运行测试、搜索代码库,甚至帮你规划复杂项目的实施方案。
一句话总结
Claude Code = 一个住在你终端里的 AI 助手,能看你的文件、能改你的文件、能帮你执行命令。
1.2 为什么需要了解 Claude Code
作为产品经理,你可能会想:"这不是给程序员用的工具吗?我为什么要学它?"
这是一个很好的问题。让我们来看看 Claude Code 能为产品经理带来什么价值:
场景一:快速验证想法
假设你有一个产品创意,想做一个简单的原型来验证。以前你需要:
- 写需求文档
- 等开发排期
- 开发实现
- 测试验证
现在用 Claude Code,你可以:
- 直接告诉 Claude Code 你的想法
- 它帮你生成一个可运行的原型
- 你立即可以看到效果
场景二:理解技术方案
当开发团队给你讲技术方案时,你可以用 Claude Code 来:
- 让它解释代码的含义
- 让它分析技术方案的优劣
- 让它帮你写出更专业的技术评审意见
场景三:数据分析
你有一份用户行为数据的 CSV 文件,想做一些分析:
- 让 Claude Code 帮你写数据分析脚本
- 让它生成数据可视化图表
- 让它帮你总结数据洞察
场景四:文档写作
- 让 Claude Code 帮你生成 API 文档
- 让它帮你写技术规格说明
- 让它帮你整理会议纪要中的技术要点
核心价值
Claude Code 让产品经理能够更直接地参与到技术工作中,缩短沟通环节,提升决策效率。你不需要成为程序员,但你可以借助 AI 更好地理解和参与技术工作。
1.3 Claude Code vs ChatGPT / Claude.ai 网页版
你可能已经在使用 ChatGPT 或者 Claude.ai 的网页版了。那 Claude Code 和它们有什么不同呢?
核心区别
最大的区别在于:Claude Code 运行在你的本地电脑上,可以直接操作你的文件和系统。
让我们用一个例子来理解:
使用 ChatGPT / Claude.ai 网页版时:
你:请帮我把这段 Python 代码中的 bug 修复一下
AI:好的,这是修复后的代码:
[显示修复后的代码]
请复制这段代码替换原来的文件。
你:(手动复制代码,打开文件,粘贴,保存)使用 Claude Code 时:
你:请帮我修复 src/main.py 中的 bug
Claude Code:我来看一下这个文件...
[自动读取文件]
我发现了问题,在第 42 行有一个数组越界的错误。
[自动修改文件并保存]
已修复完成。要我运行测试确认吗?
你:好的,帮我测试
Claude Code:[自动运行测试命令]
所有测试通过!看到区别了吗?Claude Code 可以直接操作你的文件,而不是只给你看结果让你手动去改。
详细对比表
| 特性 | ChatGPT / Claude.ai 网页版 | Claude Code (CLI) |
|---|---|---|
| 运行环境 | 浏览器中 | 本地终端中 |
| 文件访问 | 需要手动上传/粘贴 | 直接读取本地文件系统 |
| 文件修改 | 只能显示建议的修改 | 直接修改并保存文件 |
| 命令执行 | 无法执行 | 可以执行终端命令 |
| 项目理解 | 只能看到你粘贴的片段 | 可以浏览整个项目 |
| 多文件操作 | 需要逐个粘贴 | 可以同时操作多个文件 |
| 工作流连续性 | 对话式,需要反复粘贴上下文 | 持续性,记住项目上下文 |
| Git 操作 | 不支持 | 可以执行 git 命令 |
| 适用场景 | 问答、学习、简单任务 | 实际的项目开发和维护 |
| 上手难度 | 低(打开浏览器即可) | 中等(需要安装和配置) |
重要区别
Claude Code 在你的电脑上运行,这意味着它能做的事情远比网页版多,但同时也需要你更注意安全——它可以读取和修改你的文件,所以请在使用时注意确认它的操作。Claude Code 在执行敏感操作(如修改文件、运行命令)前会征求你的确认。
三种交互模式对比
为了更直观地理解,我们把 AI 工具分成三个层次:
层次1:聊天式 AI(ChatGPT / Claude.ai 网页版)
├── 特点:只能对话,不能动手
├── 比喻:电话咨询的专家
└── 适合:问答、学习、头脑风暴
层次2:代码辅助 AI(GitHub Copilot / Cursor)
├── 特点:在编辑器中辅助写代码
├── 比喻:坐在旁边的助手,帮你打字
└── 适合:日常代码编写
层次3:智能代理 AI(Claude Code)
├── 特点:可以自主规划、读写文件、执行命令
├── 比喻:一个能独立工作的团队成员
└── 适合:复杂项目、多文件操作、全流程任务Claude Code 属于层次3,它不仅能回答你的问题,还能主动探索你的项目,理解上下文,然后采取行动。这就是我们常说的 Agentic(代理式) 工作流。
1.4 Claude Code 的核心能力
让我们详细看看 Claude Code 能做些什么。
能力一:代码生成
Claude Code 可以根据你的自然语言描述,帮你从零开始编写代码。
你:帮我创建一个 React 组件,显示用户头像、用户名和个人简介,
样式用 Tailwind CSS。
Claude Code:好的,我来为你创建这个组件。
[创建 src/components/UserProfile.tsx]
[创建对应的样式]
组件已创建完成,包含以下功能:
- 用户头像显示(支持默认头像)
- 用户名展示
- 个人简介区域
- 响应式设计能力二:Bug 修复
遇到代码报错?把错误信息告诉 Claude Code,它会帮你定位和修复问题。
你:运行项目时报了这个错误:
TypeError: Cannot read property 'map' of undefined
Claude Code:让我查看相关代码...
[读取多个文件]
找到了问题。在 UserList.tsx 第 23 行,
数据在 API 返回之前就尝试遍历了。
我来添加一个空值检查。
[修改文件]
修复完成。问题是缺少对 API 返回数据的空值判断。能力三:代码审查
让 Claude Code 帮你审查代码质量,发现潜在问题。
你:帮我审查一下 src/utils/auth.ts 这个文件,
看看有没有安全问题。
Claude Code:[读取文件]
我发现了以下问题:
1. 密码没有加盐(salt)处理
2. JWT token 过期时间设置为 30 天,建议缩短
3. 没有对输入进行 XSS 过滤
建议的修复方案如下...能力四:文档生成
Claude Code 可以阅读你的代码,然后自动生成文档。
你:帮我为 src/api/ 下的所有接口生成 API 文档,
格式用 Markdown。
Claude Code:[遍历 src/api/ 目录下所有文件]
我已经分析了 12 个 API 接口文件,
正在生成文档...
[创建 docs/api-reference.md]
API 文档已生成,包含:
- 12 个接口的详细说明
- 请求参数和返回值说明
- 示例请求和响应能力五:数据分析
Claude Code 可以帮你处理和分析数据文件。
你:我有一个 user_behavior.csv 文件,
帮我分析一下用户的使用模式。
Claude Code:[读取 CSV 文件]
数据包含 15,000 条用户行为记录。
我来为你做一些分析...
[编写并运行 Python 分析脚本]
分析结果:
1. 日活跃用户峰值在上午 10 点和下午 3 点
2. 80% 的用户会话时长在 5-15 分钟
3. 功能使用排名前三:搜索、收藏、分享
4. 用户流失主要发生在注册后第 3 天
已生成可视化图表保存在 analysis/ 目录下。能力六:项目脚手架
Claude Code 可以帮你快速搭建新项目。
你:帮我创建一个 Next.js 项目,要包含:
- TypeScript 支持
- Tailwind CSS
- 基本的用户登录页面
- 简单的仪表板页面
Claude Code:好的,我来帮你搭建项目。
[执行 npx create-next-app]
[配置 TypeScript]
[安装和配置 Tailwind CSS]
[创建登录页面组件]
[创建仪表板页面组件]
[创建基本的路由结构]
项目已创建完成!运行以下命令启动:
npm run dev1.5 Claude Code 的工作原理
理解 Claude Code 的工作原理,能帮你更好地使用它。
架构概览
┌─────────────────────────────────────────────┐
│ 你的电脑(本地) │
│ │
│ ┌──────────┐ ┌──────────────────────┐ │
│ │ 终端 │ │ 你的项目文件 │ │
│ │ Terminal │◄──►│ src/ │ │
│ │ │ │ package.json │ │
│ └────┬─────┘ │ CLAUDE.md │ │
│ │ └──────────────────────┘ │
│ │ │
│ ┌────▼─────────────────────┐ │
│ │ Claude Code CLI │ │
│ │ - 读取文件 │ │
│ │ - 修改文件 │ │
│ │ - 执行命令 │ │
│ └────┬─────────────────────┘ │
│ │ │
└───────┼─────────────────────────────────────┘
│ API 调用(加密传输)
▼
┌───────────────────────┐
│ Anthropic Cloud │
│ Claude AI 模型 │
│ (处理你的请求) │
└───────────────────────┘工作流程
- 你输入指令 —— 在终端中用自然语言告诉 Claude Code 你想做什么
- Claude Code 理解上下文 —— 它会读取相关文件,理解你的项目结构
- 发送到云端 —— 你的请求和必要的上下文被发送到 Anthropic 的 Claude 模型
- AI 生成方案 —— Claude 模型分析后生成解决方案
- 本地执行 —— Claude Code 在你的电脑上执行操作(修改文件、运行命令等)
- 反馈结果 —— 你看到操作结果,可以继续对话或确认
关于数据安全
你的文件内容会作为上下文发送到 Anthropic 的 API 进行处理。Anthropic 承诺不会使用 API 请求数据来训练模型。如果你的项目包含敏感信息(如密码、API Key 等),使用时需要注意。
1.6 Claude Code 支持的 AI 模型
Claude Code 默认使用 Anthropic 最新的 Claude 模型。当前支持的模型包括:
| 模型 | 特点 | 适用场景 |
|---|---|---|
| Claude Sonnet 4 | 默认模型,速度和质量的平衡 | 日常使用 |
| Claude Opus 4 | 最强模型,深度推理能力 | 复杂任务、架构设计 |
| Claude Haiku 3.5 | 最快模型,成本最低 | 简单任务、快速问答 |
你可以在使用过程中用 /model 命令切换模型(后续章节会详细介绍)。
模型选择建议
- 日常使用:使用默认的 Sonnet 模型即可,性价比最高
- 复杂分析:切换到 Opus 模型获得更深度的分析能力
- 简单问答:切换到 Haiku 模型节省费用
1.7 Claude Code 的使用限制
在开始使用之前,了解一些限制也很重要:
技术限制
- Context Window(上下文窗口):单次对话能处理的信息量有上限,超大型项目可能需要分批处理
- API 调用延迟:每次交互都需要网络请求,会有几秒的等待时间
- Token 消耗:处理大文件或大型项目时,token 用量可能较高
能力边界
- 不能联网浏览:Claude Code 不能访问互联网获取实时信息(但可以通过 MCP 扩展实现)
- 不能运行 GUI 程序:它是命令行工具,无法直接操作图形界面
- 可能产生错误:AI 生成的代码不一定完全正确,需要验证
使用建议
永远不要盲目信任 AI 的输出。Claude Code 在执行操作前会征求你的确认,请仔细阅读它准备做的操作,特别是涉及文件删除或覆盖时。
1.8 本章小结
让我们回顾一下本章的关键要点:
- Claude Code 是什么:Anthropic 官方的 CLI AI 编程助手,运行在本地终端中
- 核心优势:直接访问本地文件、执行命令、Agentic 工作流
- 与网页版的区别:不仅能"说",还能"做"——直接在你的项目中操作
- 六大核心能力:代码生成、Bug 修复、代码审查、文档生成、数据分析、项目脚手架
- 适合产品经理:快速原型验证、理解技术方案、数据分析、文档写作
思考题
- 想一个你日常工作中的场景,Claude Code 可以怎么帮助你?
- Claude Code 和 ChatGPT 在处理多文件项目时有什么区别?
- 为什么 Claude Code 被称为"Agentic"工具?
准备好了吗?让我们进入下一章,开始安装和配置 Claude Code!