Laojiu 的技术笔记

Appearance

Workflow ​

Claude Code 支持多种工作流程，帮助提高开发效率。

基本工作流 ​

1. 项目初始化 ​

bash
# 进入项目目录
cd my-project

# 初始化 Claude Code
claude init

# 创建 CLAUDE.md 配置项目上下文

2. 日常开发 ​

bash
# 启动 Claude Code
claude

# 在会话中进行开发
# - 询问问题
# - 编写代码
# - 调试问题
# - 重构代码

3. 代码提交 ​

bash
# 使用 /commit skill 生成提交信息
/commit

# 或手动提交
git add .
git commit -m "feat: add new feature"
git push

高级工作流 ​

功能开发流程 ​

  1. 需求分析

    bash
    # 与 Claude 讨论需求
"我需要实现一个用户认证功能"

  2. 设计方案

    bash
    # 让 Claude 提供设计建议
"请帮我设计用户认证的架构"

  3. 编写代码

    bash
    # Claude 协助编写代码
"请实现 JWT token 生成功能"

  4. 测试验证

    bash
    # 使用 /test skill 生成测试
/test

  5. 代码审查

    bash
    # 使用 /review skill 审查代码
/review

  6. 提交代码

    bash
    # 使用 /commit skill 提交
/commit

Bug 修复流程 ​

  1. 问题定位

    bash
    # 使用 /debug skill 分析问题
/debug "用户登录失败"

  2. 修复代码

    bash
    # Claude 协助修复
"请修复登录验证的问题"

  3. 验证修复

    bash
    # 运行测试
npm test

  4. 提交修复

    bash
    /commit

代码重构流程 ​

  1. 识别重构点

    bash
    # 让 Claude 分析代码
"请分析这段代码的改进空间"

  2. 制定重构计划

    bash
    # 讨论重构方案
"如何重构这个模块以提高可维护性？"

  3. 执行重构

    bash
    # Claude 协助重构
"请重构这个函数，使用更清晰的结构"

  4. 测试验证

    bash
    # 确保功能不变
npm test

  5. 代码审查

    bash
    /review

团队协作工作流 ​

Pull Request 流程 ​

  1. 创建分支

    bash
    git checkout -b feature/new-feature

  2. 开发功能

    bash
    # 使用 Claude Code 开发
claude

  3. 提交代码

    bash
    /commit
git push origin feature/new-feature

  4. 创建 PR

    bash
    # 使用 gh CLI
gh pr create --title "feat: add new feature" --body "..."

  5. 代码审查

    bash
    # 审查者使用 /review
/review

代码审查工作流 ​

  1. 拉取 PR 代码

    bash
    gh pr checkout 123

  2. 审查代码

    bash
    # 使用 /review skill
/review

  3. 提供反馈

    bash
    # 在 PR 中评论
gh pr comment 123 --body "建议改进..."

最佳实践 ​

1. 使用项目级配置 ​

在项目根目录创建 CLAUDE.md：

markdown
# 项目上下文

这是一个 React + TypeScript 项目。

## 技术栈

- React 18
- TypeScript 5
- Vite
- TailwindCSS

## 代码规范

- 使用函数式组件
- 优先使用 TypeScript 类型推断
- 遵循 ESLint 规则

2. 善用 Skills ​

  • 提交前使用 /review 检查代码质量
  • 使用 /commit 生成规范的提交信息
  • 遇到问题使用 /debug 快速定位

3. 保持会话上下文 ​

  • 在同一会话中处理相关任务
  • 使用 /save 保存重要会话
  • 使用 /load 恢复之前的上下文

4. 定期更新配置 ​

  • 根据项目变化更新 CLAUDE.md
  • 调整 MCP 服务器配置
  • 优化自定义 Skills

工作流模板 ​

新功能开发模板 ​

bash
# 1. 创建分支
git checkout -b feature/xxx

# 2. 启动 Claude Code
claude

# 3. 讨论需求
"我需要实现 XXX 功能"

# 4. 设计方案
"请提供设计方案"

# 5. 实现功能
"请实现 XXX"

# 6. 测试
/test

# 7. 审查
/review

# 8. 提交
/commit

# 9. 推送
git push origin feature/xxx

# 10. 创建 PR
gh pr create

Bug 修复模板 ​

bash
# 1. 创建分支
git checkout -b fix/xxx

# 2. 启动 Claude Code
claude

# 3. 分析问题
/debug "问题描述"

# 4. 修复代码
"请修复 XXX 问题"

# 5. 测试
npm test

# 6. 审查
/review

# 7. 提交
/commit

# 8. 推送
git push origin fix/xxx

# 9. 创建 PR
gh pr create