Claude Code: Claude Code 第一次使用

# 1. 创建一个练习项目
mkdir my-first-claude && cd my-first-claude
git init

# 2. 创建一个简单的文件
echo 'function hello() { return "Hello"; }' > index.js

# 3. 启动 Claude Code
claude

╭─────────────────────────────────────────╮
│  Claude Code                             │
│  Model: claude-sonnet-4-20250514         │
│  Project: my-first-claude                │
╰─────────────────────────────────────────╯

> █ (输入你的指令)

> 你好，请帮我看看这个项目

Claude: 让我查看项目结构和文件内容...

  📁 项目结构:
  - index.js

  📄 index.js:
  ```javascript
  function hello() { return "Hello"; }

---

## 3. 操作确认机制

### (1) 权限审批流程

Claude Code 在执行敏感操作时会请求确认：

| 操作类型 | 默认行为 | 示例 |
|:---------|:---------|:-----|
| **读取文件** | 自动执行 | 读取 index.js |
| **创建文件** | 请求确认 | 创建新文件 test.js |
| **修改文件** | 请求确认 | 修改现有文件 |
| **运行命令** | 请求确认 | 执行 npm test |
| **删除文件** | 请求确认 | 删除旧文件 |

### (2) 确认选项

```text
Claude wants to edit index.js:
  - Add goodbye() function after hello()
  - Add module.exports

  Allow? (y/n/a/e)
  y = yes (this time)
  n = no
  a = always allow edits to this file
  e = edit the change before applying

> 重构项目为 TypeScript

Claude: 我将进行以下操作：
  1. 创建 tsconfig.json
  2. 将 index.js 转为 index.ts
  3. 添加类型定义
  4. 更新 package.json

  Allow creating tsconfig.json? [y/n/a/e] y
  ✅ Created tsconfig.json

  Allow editing index.js → index.ts? [y/n/a/e] a
  ✅ Always allowing edits to index.ts

  Allow running: npm install typescript --save-dev? [y/n/a/e] y
  ✅ Installed typescript

  All changes applied successfully!

# 查看当前会话的文件变更
claude /diff

# 查看 git diff
git diff

# 查看具体文件变更
git diff index.js

# 回退所有修改（基于 git）
git checkout .
git clean -fd

# 回退单个文件
git checkout -- index.js

# 查看修改历史
git log --oneline -5

> 帮我把所有函数重命名

Claude: Renaming functions...
  → hello → greet
  → goodbye → farewell
  → Modified 3 files

# Alice 发现重命名不符合预期
# 使用 git 回退

$ git diff --stat
  index.js       | 6 +++---
  index.test.js  | 8 ++++----
  utils.js       | 4 ++--

$ git checkout .
# 所有修改已回退 ✓

# 差的描述
> 帮我改改代码

# 好的描述
> 在 src/auth/jwt.ts 中添加 token 刷新逻辑，
> 过期时间设为 7 天，需要写对应的单元测试

# 更好的描述（带约束）
> 重构 UserService 的查询方法：
> 1. 使用 Repository 模式替代直接 SQL
> 2. 添加分页支持（默认每页 20 条）
> 3. 写集成测试
> 4. 不要修改接口签名

# Alice 的首次 Claude Code 体验

# 1. 准备项目
mkdir todo-app && cd todo-app
git init
npm init -y

# 2. 启动 Claude Code
claude "创建一个简单的 Node.js TODO 应用：
1. 支持添加、删除、列出任务
2. 数据存储在 JSON 文件中
3. 包含完整的单元测试
4. 使用 ES Module 语法"

# Claude Code 工作过程：
# → Reading package.json
# → Creating src/todo.js (TODO 核心逻辑)
# → Creating src/storage.js (JSON 文件存储)
# → Creating src/index.js (CLI 入口)
# → Creating tests/todo.test.js (单元测试)
# → Running: npm test → 8/8 passed ✓
# → Creating README.md

# 3. 检查结果
git add -A && git commit -m "feat: initial todo app by Claude Code"

# 4. 追加需求
claude "添加任务优先级功能（high/medium/low），更新测试"

# Claude Code 继续迭代...