Claude_Code_36个技巧笔记# Claude Code 36个高阶使用技巧 – 学习笔记 > 视频来源：B站UP主”技术爬爬虾” > 主题：一期视频精通Claude Code

yulong
未分类-NO
2026-03-27
69热度
0评论

概述
安装与配置
核心命令
记忆系统
IDE集成
MCP集成
权限管理
自定义命令
Hook系统
SubAgent
GitHub集成
历史管理
可视化界面

1. 概述

1.1 什么是Claude Code

Claude Code是Anthropic官方推出的AI编程命令行工具，在终端中运行，帮助开发者更快地将想法转化为代码。

1.2 为什么选择Claude Code

GitHub热度高：anthropics/claude-code 仓库有数万stars
Google Trends趋势：搜索热度持续上升
海外社区活跃：讨论量大，生态完善

1.3 核心能力

能力	说明
上下文管理	智能管理项目上下文，保持对话连贯性
模式切换	支持多种思考强度和工作模式
MCP集成	通过模型上下文协议扩展能力
Hooks	在特定节点自动执行操作
自定义命令	创建专属的快捷命令
IDE集成	与VSCode等编辑器深度集成
SubAgent	并行执行多个子任务
GitHub集成	自动处理Issue和PR

2. 安装与配置

2.1 前置要求

Claude 订阅账号（Pro/Max/Teams/Enterprise，推荐）或 Claude Console 账号
支持云提供商：Amazon Bedrock、Google Vertex AI、Microsoft Foundry

2.2 安装Claude Code

原生安装（推荐）：

macOS/Linux/WSL：

curl -fsSL https://claude.ai/install.sh | bash

NPM 安装（备选）：

npm install -g @anthropic-ai/claude-code

2.3 启动Claude Code

# 进入项目目录
cd /path/to/your/project

# 启动Claude Code（首次启动会提示登录）
claude

登录方式：

账号类型	说明
Claude Pro/Max/Teams/Enterprise	推荐
Claude Console	API预付费
Amazon Bedrock / Google Vertex AI / Microsoft Foundry	企业云提供商

切换账号：

/login

2.4 使用API接入（CCR）

对于无订阅用户，可使用开源项目 Claude Code Router (CCR) 接入任意大模型API：

# 安装CCR后启动
ccr code

3. 核心命令

3.0 官方核心命令速查

命令	说明	示例
`claude`	启动交互模式	`claude`
`claude "任务"`	执行一次性任务	`claude "修复构建错误"`
`claude -p "查询"`	执行单次查询后退出	`claude -p "解释这个函数"`
`claude -c`	继续当前目录最近的对话	`claude -c`
`claude -r`	恢复之前的对话	`claude -r`
`claude commit`	创建Git提交	`claude commit`
`/clear`	清除对话历史	`/clear`
`/help`	显示可用命令	`/help`
`/login`	切换账号	`/login`
`exit` 或 Ctrl+C	退出Claude Code	`exit`

3.1 `/init` - 初始化项目

作用：分析整个项目文件，生成 CLAUDE.md 作为项目知识库

/init

生成的 CLAUDE.md 包含：

项目架构说明
环境变量配置
常用命令列表

3.2 `/compact` - 压缩上下文

作用：清除无关对话内容，保留核心摘要，降低Token消耗

/compact [可选的自定义压缩指令]

示例：

/compact 保留前端对话相关内容

3.3 `/clear` - 清除对话

作用：完全清除对话历史，开启新任务时使用

/clear

建议：每当开始新任务时使用，保持干净的上下文

3.4 思考强度控制

官方支持的思考强度级别（逐级递增）：

级别	用法	适用场景
基础	直接提问	简单任务
Think	`think` + 问题	中等复杂度
Think Hard	`think harder` + 问题	复杂推理
Ultrathink	`ultrathink` + 问题	最复杂的推理任务

示例：

think harder 如何优化这个React组件的性能

3.5 `!` - 临时命令行模式

作用：临时切换到命令行模式执行命令，结果自动加入上下文

!
npm install
npm run dev

3.6 `# to memorize` - 记忆模式

作用：将信息保存为长期记忆

# to memorize
项目使用的nextjs版本是15.4.1

保存位置选项：

1 - Project memory（保存到 ./CLAUDE.md）
2 - User memory（保存到 ~/.claude/CLAUDE.md）

4. 记忆系统

4.1 项目记忆 (Project Memory)

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

# 项目记忆

## 技术栈
- Next.js 15.4.1
- React 18
- Tailwind CSS v4

## 常用命令
- npm run dev - 启动开发服务器
- npm run build - 构建生产版本

4.2 用户记忆 (User Memory)

在用户目录创建记忆文件：

Windows: C:\Users\用户名\.claude\CLAUDE.md
Linux/Mac: ~/.claude/CLAUDE.md

用户记忆对所有项目生效，适合存储个人偏好和通用配置。

4.3 记忆对比

类型	位置	作用范围
项目记忆	`./CLAUDE.md`	当前项目
用户记忆	`~/.claude/CLAUDE.md`	所有项目

5. IDE集成

5.1 安装VSCode插件

前置要求：VS Code 1.98.0 或更高版本

在VS Code中按 Cmd+Shift+X (Mac) 或 Ctrl+Shift+X (Windows/Linux) 打开扩展面板
搜索 "Claude Code"（发布者：Anthropic）
点击安装

或访问：VS Code Marketplace

5.2 VS Code扩展核心功能

原生图形界面

集成在IDE中的图形面板，无需切换到终端
计划审查：在接受前查看和编辑Claude的计划
内联差异：直接在编辑器中查看代码更改

@-mentions 文件引用

# 模糊匹配文件名
> 解释 @auth 的逻辑  # 匹配 auth.js, AuthService.ts 等

# 引用文件夹
> @src/components/ 里有什么？

# 引用选中代码（快捷键 Option+K / Alt+K）
> @app.ts#5-10 这段代码有问题

权限模式

模式	说明
Normal	每次操作前询问
Plan	描述计划后等待批准再修改
Auto-accept	自动接受编辑（谨慎使用）

多会话支持

新标签页：Cmd+Shift+Esc / Ctrl+Shift+Esc
新窗口：从命令面板选择 "Open in New Window"
每个会话独立历史和上下文

快捷键

快捷键	功能
`Cmd+Esc` / `Ctrl+Esc`	在编辑器和Claude之间切换焦点
`Cmd+Shift+Esc` / `Ctrl+Shift+Esc`	在新标签页打开新对话
`Option+K` / `Alt+K`	插入@-提及引用（当前文件和选中行）
`Cmd+N` / `Ctrl+N`	开始新对话（Claude聚焦时）

检查点（Checkpoints）

悬停消息可显示回滚按钮：

Fork conversation from here - 从此处开始新对话分支
Rewind code to here - 恢复代码到此处
Fork conversation and rewind code - 同时fork对话和恢复代码

5.3 CLI与扩展的连接

CLI连接到VS Code：

# 在集成终端中
claude

# 或在外部终端中
/ide

扩展对话在CLI中继续：

claude --resume  # 选择要恢复的对话

5.4 功能对比

功能	CLI	VS Code扩展
所有命令和技能	✅	部分（输入 `/` 查看）
MCP配置	✅	通过CLI配置，扩展中使用
检查点	✅	✅
`!` bash快捷方式	✅	❌
Tab补全	✅	❌
图形界面	❌	✅
内联差异	❌	✅

差异对比：Claude Code修改的代码会在VSCode中弹出对比页面
接受/拒绝：可直观选择是否接受代码修改

6. MCP集成

6.1 什么是MCP

MCP (Model Context Protocol) 是模型上下文协议，作为AI与外部工具的中间层：

AI客户端 ←→ MCP Servers ←→ 浏览器/文件系统/数据库/GitHub/各种API

6.2 安装MCP Server

选项1：远程HTTP服务器（推荐）

# 基本语法
claude mcp add --transport http <名称> <URL>

# 示例：连接Notion
claude mcp add --transport http notion https://mcp.notion.com/mcp

# 带Bearer token
claude mcp add --transport http secure-api https://api.example.com/mcp \
  --header "Authorization: Bearer your-token"

选项2：远程SSE服务器

# 基本语法
claude mcp add --transport sse <名称> <URL>

# 示例：连接Asana
claude mcp add --transport sse asana https://mcp.asana.com/sse

# 带认证头
claude mcp add --transport sse private-api https://api.company.com/sse \
  --header "X-API-Key: your-key-here"

选项3：本地stdio服务器

# 基本语法
claude mcp add [选项] <名称> -- <命令> [参数...]

# 示例：添加Airtable服务器
claude mcp add --transport stdio --env AIRTABLE_API_KEY=YOUR_KEY airtable \
  -- npx -y airtable-mcp-server

# 用户级别安装
claude mcp add --scope user context7 -- npx @upstash/context7-mcp

6.3 管理MCP

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

# 获取特定服务器详情
claude mcp get github

# 删除服务器
claude mcp remove context7

# 在Claude Code中检查服务器状态
/mcp

6.4 安装范围（Scopes）

范围	存储位置	说明
Local（默认）	`~/.claude.json`（项目路径）	仅当前项目，私人使用
Project	`.mcp.json`（项目根目录）	团队共享，可加入git
User	`~/.claude.json`	所有项目可用，私人工具

# Local scope（默认）
claude mcp add --transport http stripe https://mcp.stripe.com

# Project scope（团队共享）
claude mcp add --transport http --scope project paypal https://mcp.paypal.com/mcp

# User scope（跨项目）
claude mcp add --transport http --scope user hubspot https://mcp.hubspot.com/anthropic

6.5 配置文件（.mcp.json）

项目级别的MCP配置存储在 .mcp.json 文件中：

{
  "mcpServers": {
    "shared-server": {
      "type": "http",
      "url": "https://mcp.example.com/mcp"
    },
    "local-server": {
      "command": "npx",
      "args": ["-y", "@example/server"],
      "env": {
        "API_KEY": "${API_KEY:-default-value}"
      }
    }
  }
}

环境变量扩展：

${VAR} - 扩展环境变量
${VAR:-default} - 扩展或使用默认值

6.6 使用MCP

在对话中直接指定使用的MCP工具：

使用 context7 查询 tailwind4 如何配置
我在neon上有哪些表？
Review PR #456 并提出改进建议

6.7 常用MCP Server

MCP	功能
GitHub	PR审查、Issue管理、代码操作
Context7	查找最新代码文档
Neon / PostgreSQL	数据库查询
Sentry	错误监控和分析
Notion	文档管理
Figma	设计集成
Google Drive	文件访问

6.8 从配置文件手工添加MCP

在项目根目录创建 .mcp.json：

{
  "mcpServers": {
    "neon": {
      "command": "npx",
      "args": ["-y", "@neondatabase/mcp-server-neon", "start", "${NEON_API_KEY}"]
    }
  }
}

7. 权限管理

7.1 配置文件位置

权限配置存储在 settings.json 文件中：

位置	文件路径	作用范围
User	`~/.claude/settings.json`	所有项目
Project	`.claude/settings.json`	当前项目（团队共享）
Local	`.claude/settings.local.json`	当前项目（私人，gitignore）

7.2 Allow规则 - 自动允许

{
  "permissions": {
    "allow": [
      "Bash(npm run lint)",
      "Bash(npm run test *)",
      "Bash(git commit:*)"
    ]
  }
}

7.3 Ask规则 - 询问确认

{
  "permissions": {
    "ask": [
      "Bash(git push *)"
    ]
  }
}

7.4 Deny规则 - 禁止使用

{
  "permissions": {
    "deny": [
      "Bash(curl *)",
      "Read(./.env)",
      "Read(./.env.*)",
      "Read(./secrets/**)"
    ]
  }
}

7.5 权限规则语法

规则格式	匹配内容
`Bash`	所有Bash命令
`Bash(npm run *)`	`npm run` 开头的命令
`Read(./.env)`	读取.env文件
`WebFetch(domain:example.com)`	访问example.com

7.6 跳过所有权限检查

⚠️ 谨慎使用 - 赋予最高权限：

claude --dangerously-skip-permissions

在 settings.json 中禁用：

{
  "permissions": {
    "disableBypassPermissionsMode": "disable"
  }
}

8. Skills（自定义命令）

注意：自定义命令（Commands）已合并到Skills系统。旧的 .claude/commands/ 文件仍然可用。

8.1 创建Skill

目录结构：

项目根目录/
└── .claude/
    └── skills/
        └── code-review/
            └── SKILL.md

创建示例：

mkdir -p .claude/skills/code-review

8.2 SKILL.md 格式

---
name: code-review
description: Review code changes and provide feedback
disable-model-invocation: true
---

对比这个分支：$ARGUMENTS，与main分支的差异，并且提出你的review意见。

8.3 Frontmatter 配置字段

字段	说明
`name`	命令名称（如 `code-review`），使用 `/name` 调用
`description`	描述，帮助Claude决定何时使用
`argument-hint`	参数提示（如 `[issue-number]`）
`disable-model-invocation`	设为 `true` 防止Claude自动调用
`user-invocable`	设为 `false` 隐藏命令菜单
`allowed-tools`	限制可用工具
`model`	指定使用的模型
`context: fork`	在独立subagent中运行

8.4 使用Skill

/code_review tailwind4

8.5 技能位置

位置	路径	作用范围
Personal	`~/.claude/skills/<name>/SKILL.md`	所有项目
Project	`.claude/skills/<name>/SKILL.md`	当前项目
Plugin	`<plugin>/skills/<name>/SKILL.md`	插件启用时

8.6 传递参数

---
name: migrate-component
---
将 $0 组件从 $1 迁移到 $2

调用：/migrate-component SearchBar React Vue

8.7 全局Skill

将skills文件夹复制到用户目录：

Windows: C:\Users\用户名\.claude\skills\
Linux/Mac: ~/.claude/skills/

9. Hook系统

9.1 什么是Hook

Hook可以在Claude Code工作过程中的特定节点自动执行操作。

9.2 Hook触发时机

事件	说明
PostToolUse	工具调用结束触发
PreToolUse	工具调用前触发
Notification	通知时触发

9.3 配置Hook

在 .claude/settings.json 中配置：

{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Edit|MultiEdit|Write",
        "hooks": [
          {
            "type": "command",
            "command": "npx prettier --check ."
          }
        ]
      }
    ]
  }
}

9.4 Hook效果

配置后，每当AI修改文件（Edit/Write），自动运行 prettier 检查代码格式。如有错误，AI会自动修复。

10. SubAgent

10.1 什么是SubAgent

SubAgent类似于编程中的子线程，可以：

并行执行多个子任务
每个Agent专注一个功能
提高结果可预测性和任务成功率

10.2 创建SubAgent

/agents

选择 Create new agent，配置：

名称（如 git-code-reviewer）
描述（如 "代码审核专家，比较git分支差异,并且提出审核意见"）
工具权限（默认All tools）
模型（如Sonnet）
颜色标识

10.3 SubAgent配置文件

生成的配置文件位于 .claude/agents/：

Name: git-code-reviewer
Location: .claude/agents/git-code-reviewer.md
Tools: All tools
Model: Sonnet

System prompt:
你是一位资深的代码审核专家，拥有丰富的软件开发经验。
你的职责是分析git分支间的代码差异，并提供专业、详细的审核意见。

10.4 使用SubAgent

输入复合任务，主Agent会自动分配：

帮我code review tailwind4这个分支，还有今天青岛天气如何

SubAgent会并行执行：

🔴 git-code-reviewer：执行 git diff
🔵 weather-forecast-master：执行天气查询

最后由主Agent整合所有结果。

11. GitHub集成

11.1 安装GitHub CLI

访问 cli.github.com 下载安装。

11.2 自动修复Issue

查看issue #1内容，并且进行修复，创建一个新的修复分支bugfix001，然后推送到Github

Claude Code会自动：

读取Issue内容
创建修复分支
修改代码
推送到GitHub

11.3 完整工作流程

用户反馈Issue → Claude读取 → 创建分支 → 修复代码 → 推送 → 用户验证

12. 历史管理

12.1 `/resume` - 恢复历史对话

/resume

列出历史对话，选择后按ESC跳转至该节点。只能回退对话内容,不能回退代码.(但是对于新版本这个已经支持2026年1月)

12.2 `ccundo` - 回退工具

安装： https://github.com/RonitSachdev/ccundo

npm install -g ccundo

使用：

# 查看所有操作
ccundo list --all

# 回退到指定节点
ccundo undo <编号>

ccundo可以同时回退：

代码改动
对话历史

12.3 `/export` - 导出对话

/export

选择 Copy to clipboard，可：

保存为文件
粘贴到其他AI进行交叉验证

13. 可视化界面

13.1 Claudia - GUI工具

项目地址: getAsterisk/claudia

功能：

可视化管理Claude Code会话
创建自定义Agent
管理MCP服务器
检查点功能

13.2 安装Claudia

原项目无安装包，使用社区fork版本：

访问 GitHub，搜索 claudia
点击 Forks，选择star最高的fork, https://github.com/xvzhenpeng263/claudia-globa
进入 Releases 下载安装包
Windows: claudia-windows-x86_64.msi

13.3 配置环境变量（CCR用户）

在Claudia设置中添加：

变量	值
`ANTHROPIC_AUTH_TOKEN`	从 `/status` 输出获取
`ANTHROPIC_BASE_URL`	从 `/status` 输出获取

获取方式：

ccr code
/status

13.4 检查点功能（Checkpoint）

Claudia独有的功能，可以同时回退：

文件改动
对话历史

使用方法：

点击 Create checkpoint 创建检查点
进行操作（如删除文件）
如需回退，选择 Restore to this checkpoint

附录：命令速查表

基础命令

命令	说明
`/init`	初始化项目
`/compact`	压缩上下文
`/clear`	清除对话
`/ide`	连接IDE
`/mcp`	管理MCP
`/permissions`	权限管理
`/agents`	管理SubAgent
`/resume`	恢复历史
`/export`	导出对话
`/status`	查看状态
`/memory`	记忆管理
`/model`	模型选择

思考模式

模式	语法
基础	直接输入问题
Think	`think` + 问题
Think Hard	`think harder` + 问题
Ultra	`ultrathink` + 问题

CCR命令

命令	说明
`ccr code`	启动CCR
`ccr code --dangerously-skip-permissions`	跳过权限检查

参考资源

官方文档: docs.anthropic.com/zh-CN/docs/claude-code
GitHub仓库: github.com/anthropics/claude-code
Claudia: github.com/getAsterisk/claudia

笔记整理自B站UP主"技术爬爬虾"的Claude Code教程视频