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?

> /init

// 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

# 基本語法
$ 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 postgres-server /path/to/postgres-mcp-server --connection-string "postgresql://user:pass@localhost:5432/mydb"

# 在您的 Claude 會話中，您可以詢問有關您的數據庫的問題
$ 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