Claude Code 使用笔记

更新版本

1
2
3
claude --version
//更新
npm update -g @anthropic-ai/claude-code

常用命令以及文件配置

回到之前的对话

1
2
3
4
# cmd中
claude -c # 回到之前的对话
# Claude code中
/rewind

settings.json 配置api key

1
2
3
4
5
6
{
  "env": {
    "ANTHROPIC_BASE_URL": "https://mg.aid.pub/claude-proxy",
    "ANTHROPIC_AUTH_TOKEN": "填写你的 APIKey"
  }
}

claude code项目开发（项目结构）

1
2
3
4
5
6
7
8
9
your-project/
├── .claude/
│   ├── CLAUDE.md           # Main project instructions
│   └── rules/
│       ├── code-style.md   # Code style guidelines
│       ├── testing.md      # Testing conventions
│       └── security.md     # Security requirements
│ 	└──skills
│		└── ...

1
2
3
4
5
6
7
8
.claude/rules/
├── frontend/
│   ├── react.md
│   └── styles.md
├── backend/
│   ├── api.md
│   └── database.md
└── general.md

.claude目录不要上传到github
一些常用命令

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/init — 初始化CLAUDE.md，新项目第一件事
/compact — 压缩上下文，长对话续命神器
/model — 切模型，简单haiku，硬骨头opus
/clear — 清空对话重新来
/resume — 恢复之前的对话
/memory — 编辑记忆文件，跨会话记忆
/add-dir — 添加工作目录
/mcp — 管理MCP服务器
/export — 导出对话到文件
/vim — 切换Vim模式

🥊【进阶命令·按需使用】
/cost — 看当前花了多少钱
/context — 可视化上下文使用情况
/review — 智能代码审查
/agents — 创建和管理智能体
/hooks — 管理工具事件钩子
/config — 打开配置面板
/doctor — 诊断安装问题
/status — 查看版本、模型、账户状态
/security-review — 安全审查待提交代码
/pr-comments — 获取GitHub PR评论

🎯【快捷键·效率翻倍】
Shift+Tab — 一键接受所有变更（最常用！）
ESC — 中断执行，跑偏了立刻刹车
ESC+ESC — 跳转到之前的消息
Cmd+K — 打开命令面板
Cmd+B — 后台执行命令
Cmd+O — 展开/折叠过程信息
@文件名 — 引用文件
!命令 — 直接执行bash命令
[#信息](javascript:;) — 写入CLAUDE.md记忆
Control+V — 粘贴图片

让claudecode获得最高权限

1
claude --dangerously-skip-permissions

MCP配置

mcp1: figma mcp

1
2
claude mcp add --transport http figma https://mcp.figma.com/mcp
# 获取api-key

mcp2:开源 Figma-Context-MCP（推荐）

对于预算有限或需要频繁使用的开发者，Figma-Context-MCP 是更好的选择。

注意：使用时在所在的项目添加mcp

配置步骤

步骤 1：全局安装依赖

1
npm install -g figma-developer-mcp

步骤 2：创建配置文件

在项目根目录创建 .mcp.json 文件（或修改 ~/.claude.json 以实现全局配置），添加以下内容：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
{
  "mcpServers": {
    "figma-developer-mcp": {
      "command": "figma-developer-mcp",
      "args": [
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "your-figma-mcp-key"
      }
    }
  }
}

配置说明：

figma-developer-mcp：自定义别名，避免与官方 MCP 冲突
FIGMA_API_KEY：需要在 Figma 设置中生成个人访问令牌

步骤 3：重启并授权

配置完成后，重启 Claude Code，同意使用该 MCP：

使用教程

使用figma 开发前端样式页面

1、先在figma中选中页面样式

【Claude Code命令】Claude Code（常用命令 + skills + mcp）

Claude Code的使用方法