Claude Code 34条使用技巧

# Claude Code 可以执行所有标准 CLI 操作
claude --help
claude --version
claude --list-sessions

# 直接传递提示词执行任务
claude -P "分析 package.json 并列出所有依赖"

# 无交互模式，直接输出结果
claude -P "生成一个 React 组件" --no-interactive

# 结合其他工具使用
git diff | claude -P "解释这些代码变更"
npm test 2>&1 | claude -P "分析测试失败原因"

# 管道传递数据
cat error.log | claude -P "分析错误日志并提供解决方案"
curl https://api.example.com | claude -P "解析这个 API 响应"

# 终端 1
claude --session frontend-work

# 终端 2
claude --session backend-api

# 终端 3
claude --session testing

请在新的 Claude 实例中运行测试，并将结果报告给我。

[粘贴设计图]
请根据这个设计稿生成对应的 React 组件，包括：
- 响应式布局
- 适配移动端
- 使用 Tailwind CSS

// 自动化截图脚本示例
const puppeteer = require('puppeteer')

async function captureScreenshots() {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()

  // 捕获不同状态的截图
  await page.goto('https://localhost:3000')
  await page.screenshot({ path: 'homepage.png' })

  await page.click('.login-button')
  await page.screenshot({ path: 'login-page.png' })

  await browser.close()
}

请分析 screenshots/ 目录下的所有截图，识别 UI 不一致的地方。

// MCP 配置示例
{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["@modelcontextprotocol/server-postgres"]
    }
  }
}

连接到数据库后，请：
1. 分析现有表结构
2. 生成 TypeScript 类型定义
3. 创建 CRUD API 接口

请从 Cloudflare MCP 获取最新的 Workers API 文档，并创建一个示例项目。

https://docs.example.com/api/v2

请基于上述文档创建对应的 TypeScript SDK。

https://en.wikipedia.org/wiki/Chess_rules

基于上述规则，实现一个国际象棋游戏的核心逻辑。

# CLAUDE.md 示例结构

## 项目概述

简要描述项目目的和技术栈

## 开发规范

- 代码风格指南
- 命名约定
- 文件组织结构

## 常用命令

列出项目常用的命令

## 注意事项

项目特定的注意事项和限制

# 在项目根目录运行
> /init

# Claude Code 会分析项目并生成配置文件

## 项目规则

- 所有 API 响应必须包含 status 和 data 字段
- 使用 camelCase 命名变量，PascalCase 命名组件
- 禁止使用 any 类型，必须定义明确的 TypeScript 类型

## 代码模板

### React 组件模板

\```tsx
import React from 'react';

interface Props {
// props definition
}

export const ComponentName: React.FC<Props> = ({ }) => {
return <div></div>;
};
\```

## 架构决策记录

### ADR-001: 使用 Redux Toolkit

- **日期**: 2024-01-15
- **决策**: 采用 Redux Toolkit 作为状态管理方案
- **原因**: 简化 Redux 使用，减少样板代码

## 关键依赖

| 包名  | 版本    | 用途     | 注意事项     |
| ----- | ------- | -------- | ------------ |
| react | ^18.0.0 | UI 框架  | 使用并发特性 |
| next  | ^14.0.0 | 全栈框架 | App Router   |

## 测试策略

- 单元测试覆盖率 > 80%
- 所有 API 端点必须有集成测试
- 使用 Jest + React Testing Library
- E2E 测试使用 Playwright

// .claude/commands/test-all.js
module.exports = {
  name: 'test-all',
  description: '运行所有测试并生成覆盖率报告',
  execute: async () => {
    await runCommand('npm test -- --coverage')
    await runCommand('npm run e2e')
  }
}

// .claude/commands/aliases.js
module.exports = {
  c: 'commit',
  p: 'push',
  ta: 'test-all',
  dev: 'npm run dev'
}

// .claude/commands/deploy.js
module.exports = {
  name: 'deploy',
  description: '完整部署流程',
  execute: async () => {
    await runCommand('npm test')
    await runCommand('npm run build')
    await runCommand('npm run deploy:prod')
  }
}

// .claude/commands/create-component.js
module.exports = {
  name: 'create-component',
  description: '创建新组件',
  parameters: ['name', 'type'],
  execute: async (name, type = 'functional') => {
    // 根据参数生成组件
  }
}

// .claude/commands/smart-test.js
module.exports = {
  name: 'smart-test',
  execute: async () => {
    const files = await getChangedFiles()
    if (files.some((f) => f.endsWith('.tsx'))) {
      await runCommand('npm run test:components')
    }
    if (files.some((f) => f.includes('api/'))) {
      await runCommand('npm run test:api')
    }
  }
}

// .claude/commands/scaffold.js
module.exports = {
  name: 'scaffold',
  interactive: true,
  execute: async () => {
    const type = await prompt('选择类型: component/page/api')
    const name = await prompt('输入名称:')
    // 基于输入生成代码
  }
}

# 创建前端开发工作区
claude --workspace frontend --dir ./src/components

# 创建后端开发工作区
claude --workspace backend --dir ./src/api

# 创建测试工作区
claude --workspace testing --dir ./tests

# 查看会话历史
claude --history

# 恢复特定会话
claude --resume <session-id>

# 导出会话记录
claude --export-session > session-backup.json