Claude Code 教學

cd /path/to/project

claude

> give me an overview of this codebase

> explain the main architecture patterns used here

> what are the key data models?

> how is authentication handled?

> find the files that handle user authentication

> how do these authentication files work together?

> trace the login process from front-end to database

> I'm seeing an error when I run npm test

> suggest a few ways to fix the @ts-ignore in user.ts

> update user.ts to add the null check you suggested

> find deprecated API usage in our codebase

> suggest how to refactor utils.js to use modern JavaScript features

> refactor utils.js to use ES2024 features while maintaining the same behavior

> run tests for the refactored code

> find functions in NotificationsService.swift that are not covered by tests

> add tests for the notification service

> add test cases for edge conditions in the notification service

> run the new tests and fix any failures

> summarize the changes I've made to the authentication module

> create a pr

> enhance the PR description with more context about the security improvements

> add information about how these changes were tested

> find functions without proper JSDoc comments in the auth module

> add JSDoc comments to the undocumented functions in auth.js

> improve the generated documentation with more context and examples

> check if the documentation follows our project standards

# 1. 將圖片拖放到 Claude Code 視窗中
# 2. 複製圖片並使用 ctrl+v 將其貼到 CLI 中
# 3. 提供圖片路徑
claude "Analyze this image: /path/to/your/image.png"

> What does this image show?
> Describe the UI elements in this screenshot
> Are there any problematic elements in this diagram?

> Here's a screenshot of the error. What's causing it?
> This is our current database schema. How should we modify it for the new feature?

> Generate CSS to match this design mockup
> What HTML structure would recreate this component?

> I need to implement a new authentication system using OAuth2 for our API. Think deeply about the best approach for implementing this in our codebase.

> think about potential security vulnerabilities in this approach
> think harder about edge cases we should handle

> /init

# 基本語法
claude mcp add <name> <command> [args...]

# 示例：添加本地伺服器
claude mcp add my-server -e API_KEY=123 -- /path/to/server arg1 arg2

# 列出所有配置的伺服器
claude mcp list

# 獲取特定伺服器的詳細信息
claude mcp get my-server

# 移除伺服器
claude mcp remove my-server

# 添加本地範圍伺服器（默認）
claude mcp add my-private-server /path/to/server

# 明確指定本地範圍
claude mcp add my-private-server -s local /path/to/server

# 添加專案範圍伺服器
claude mcp add shared-server -s project /path/to/server

{
  "mcpServers": {
    "shared-server": {
      "command": "/path/to/server",
      "args": [],
      "env": {}
    }
  }
}

# 添加用戶伺服器
claude mcp add my-user-server -s user /path/to/server

claude mcp add postgres-server /path/to/postgres-mcp-server --connection-string "postgresql://user:pass@localhost:5432/mydb"

# 在您的 Claude 會話中，您可以詢問有關您的數據庫的問題

> describe the schema of our users table
> what are the most recent orders in the system?
> show me the relationship between customers and invoices

# 基本語法
claude mcp add-json <name> '<json>'

# 示例：使用 JSON 配置添加 stdio 伺服器
claude mcp add-json weather-api '{"type":"stdio","command":"/path/to/weather-cli","args":["--api-key","abc123"],"env":{"CACHE_DIR":"/tmp"}}'

claude mcp get weather-api

# 基本語法
claude mcp add-from-claude-desktop

claude mcp list

# 基本語法
claude mcp serve

{
  "command": "claude",
  "args": ["mcp", "serve"],
  "env": {}
}

// package.json
{
    ...
    "scripts": {
        ...
        "lint:claude": "claude -p 'you are a linter. please look at the changes vs. main and report any issues related to typos. report the filename and line number on one line, and a description of the issue on the second line. do not return any other text.'"
    }
}

cat build-error.txt | claude -p 'concisely explain the root cause of this build error' > output.txt

mkdir -p .claude/commands

echo "Analyze the performance of this code and suggest three specific optimizations:" > .claude/commands/optimize.md

claude
> /project:optimize

echo "Find and fix issue #$ARGUMENTS. Follow these steps:
1. Understand the issue described in the ticket
2. Locate the relevant code in our codebase
3. Implement a solution that addresses the root cause
4. Add appropriate tests
5. Prepare a concise PR description" > .claude/commands/fix-issue.md

claude
> /project:fix-issue 123

mkdir -p ~/.claude/commands

echo "Review this code for security vulnerabilities, focusing on:" > ~/.claude/commands/security-review.md

claude
> /user:security-review