高效使用 Claude Code 的综合指南
高效使用 Claude Code 的综合指南
在 github.dev 中打开 · 在新标签页中打开 github.dev · 在 codespace 中打开
高效使用 Claude Code 的综合指南,采用键盘优先工作流。
重要提示:请先登录,确保获得最佳体验。
1. 登录说明
- 在终端中打开 Claude Code
- 按提示登录
- 选择与您的 Claude 订阅计划绑定的认证方式(而非 API 密钥)
- 订阅了 Claude Pro 或 Claude Max?请使用 Anthropic 账户登录
- 这样才能享有订阅的全部权益
- 运行
/cost确认登录成功 — 应能看到您的订阅信息
为什么重要:使用订阅计划登录(而非 API)可获得更高限额、更新模型访问权限,Claude Max 用户还无需按请求付费。
按照以下步骤配置 Claude Code,获得最佳开发体验。
最重要的设置:启用 Shift+Enter 提交消息
设置方法:
在 Claude Code 中运行 /terminal-setup,自动配置终端。
手动设置:
- 打开 Cursor/VS Code 设置
- 搜索
Terminal > Integrated: Send Keybindings To Shell - 取消勾选此选项
备选方案:Shift+Enter 无法使用时,用 \ + ENTER(反斜杠 + 回车)提交。
为什么重要:双手不离键盘,加速与 Claude 的交互。
通过项目根目录下的 .claude/settings.json 自定义 Claude Code 行为。
常用配置:
{
"model": "claude-sonnet-4-5-20250929",
"autoApprovalSettings": {
"enabled": true,
"patterns": [
"Read(/Users/yourname/**)",
"Bash(npm run lint)",
"Bash(git log:*)"
]
},
"statusLine": {
"enabled": true,
"template": "{{model}} | {{tokens}}"
}
}
关键配置说明:
model:选择 Claude 模型autoApprovalSettings:自动批准特定工具,加速工作流statusLine:在状态栏显示模型和 Token 使用情况hooks:配置事件触发的 Shell 命令(见后文)
MCP 服务器(Model Context Protocol,模型上下文协议)为 Claude Code 扩展专业能力。
MCP 服务器功能:
- Supabase:数据库操作、迁移、日志
- Context7:最新库文档
- Time:时区转换与当前时间
- 自定义服务器:构建专属集成
配置方法(.mcp.json):
{
"mcpServers": {
"supabase": {
"command": "npx",
"args": [
"-y",
"@supabase/mcp-server"
]
},
"context7": {
"command": "npx",
"args": [
"-y",
"@context7/mcp-server"
]
}
}
}
使用场景:
- 处理数据库 → Supabase MCP
- 需要最新库文档 → Context7 MCP
- 自定义工作流 → 构建专属 MCP 服务器
Hooks 响应事件自动运行 Shell 命令。
常用 Hook:Claude 完成时播放提示音
{
"hooks": {
"Stop": [
{
"hooks": [
{
"type": "command",
"command": "afplay /System/Library/Sounds/Pop.aiff"
}
]
}
]
}
}
Hook 类型:
UserPromptSubmit:提交消息时触发Stop:Claude 停止响应时触发PreToolUse:工具执行前触发(可加匹配器)PostToolUse:工具执行后触发(可加匹配器)SessionStart/SessionEnd:会话生命周期事件触发SubagentStop:子代理停止时触发PreCompact:对话压缩前触发Notification:通知事件触发
示例:执行前验证 Bash 命令
{
"hooks": {
"PreToolUse": [
{
"matcher": "Bash",
"hooks": [
{
"type": "command",
"command": "python3 /path/to/validator.py"
}
]
}
]
}
}
示例:编辑后运行 Lint
{
"hooks": {
"PostToolUse": [
{
"matcher": "Edit",
"hooks": [
{
"type": "command",
"command": "npm run lint"
}
]
}
]
}
}
Windows/Linux 音效方案:
{
"hooks": {
"Stop": [
{
"hooks": [
{
"type": "command",
"command": "powershell -c (New-Object Media.SoundPlayer 'C:\\Windows\\Media\\Windows Ding.wav').PlaySync()"
}
]
}
]
}
}
掌握快捷键,双手不离键盘,高效在编辑器、终端和 Claude Code 间切换。
2. 终端管理
| 操作 | macOS | Windows/Linux | 需自定义设置 | 示例用途 |
|---|---|---|---|---|
| 在编辑器区域创建终端 | CMD + SHIFT + C |
CTRL + SHIFT + C |
⚙️ 是* | 在编辑器中以标签页形式打开新终端 |
| 重命名终端 | CMD + SHIFT + R |
CTRL + SHIFT + R |
⚙️ 是* | 按用途标记终端(如「开发服务器」「测试」) |
| 切换终端标签页 | CMD + SHIFT + [ / ] |
CTRL + SHIFT + [ / ] |
⚙️ 是* | 在多个终端间切换,无需鼠标 |
*注:这些快捷键需在 Cursor/VS Code 中自定义键位。详见后文自定义键位设置。
| 操作 | macOS | Windows/Linux | 示例用途 |
|---|---|---|---|
| 切换侧边栏 | CMD + B |
CTRL + B |
需要更多屏幕空间时隐藏/显示文件资源管理器 |
| 聚焦文件资源管理器 | CMD + SHIFT + E |
CTRL + SHIFT + E |
打开并聚焦文件资源管理器侧边栏 |
| 切换终端 | CTRL + ` |
CTRL + ` |
打开/关闭集成终端 |
| 切换底部面板 | CMD + J |
CTRL + J |
显示/隐藏底部面板(终端、输出、问题) |
| 打开源代码管理 | CMD + SHIFT + G |
CTRL + SHIFT + G |
查看 git 更改和源代码管理面板 |
| 跳转到行 | CMD + G |
CTRL + G |
跳转到当前文件的指定行号 |
| 拆分编辑器窗格 | CMD + \ |
CTRL + \ |
并排查看多个文件 |
| 聚焦特定窗格 | CMD + 1/2/3 |
CTRL + 1/2/3 |
跳转到第一、第二或第三个编辑器窗格 |
| 关闭当前窗格 | CMD + W |
CTRL + W |
关闭当前聚焦的编辑器窗格 |
| 快速打开文件 | CMD + P |
CTRL + P |
按名称打开文件,比点击文件夹更快 |
| 命令面板 | CMD + SHIFT + P |
CTRL + SHIFT + P |
访问所有 VS Code/Cursor 命令 |
3. 文件操作
| 操作 | 操作方式 | 示例用途 |
|---|---|---|
| 拖拽图片 | 拖拽时按住 SHIFT |
将截图添加到 Claude Code 对话中 |
键盘使用建议:
- 双手保持在键盘中央:使用快捷键,而非伸手够鼠标
- 掌握增量搜索:
CMD/CTRL + F查找,CMD/CTRL + H查找替换 - 使用面包屑导航:
CMD/CTRL + SHIFT + .浏览文件结构 - 熟练窗格导航:
CMD/CTRL + 1/2/3在拆分编辑器间即时跳转
上述终端管理快捷键需在 Cursor/VS Code 中自定义配置。
自定义键位设置方法:
- 打开命令面板:
CMD/CTRL + SHIFT + P - 输入
Preferences: Open Keyboard Shortcuts (JSON) - 将自定义键位添加到
keybindings.json
键位示例:
[
{
"key": "cmd+shift+c",
"command": "workbench.action.terminal.newInActiveWorkspace",
"args": {
"location": "editor"
}
},
{
"key": "cmd+shift+r",
"command": "workbench.action.terminal.rename"
},
{
"key": "cmd+shift+[",
"command": "workbench.action.terminal.focusPrevious"
},
{
"key": "cmd+shift+]",
"command": "workbench.action.terminal.focusNext"
}
]
Windows/Linux 用户:将上述 "cmd" 替换为 "ctrl"。
说明:以上是示例快捷键,请根据偏好自定义。视频演示将展示完整设置过程。
与 Claude Code 协作开发的高效工作流。
Claude Code 输入框文本编辑快捷键:
| 操作 | macOS | Windows/Linux | 使用时机 |
|---|---|---|---|
| 新建行 | SHIFT + ENTER |
SHIFT + ENTER |
在提示中换行 |
| 跳转到行首 | CTRL + A |
HOME 或 CTRL + A |
无需方向键即可跳转到开头 |
| 跳转到行尾 | CTRL + E |
END 或 CTRL + E |
无需方向键即可跳转到结尾 |
| 删除整行 | CTRL + U |
CTRL + U |
快速清除当前行 |
| 后退一个单词 | OPTION + ← |
CTRL + ← |
按单词向后导航 |
| 删除前一个单词 | OPTION + DELETE |
CTRL + BACKSPACE |
逐词删除 |
| 停止当前 AI 运行 | ESC |
ESC |
停止 Claude 继续执行 |
| 回退到上一步 | ESC ESC(双击) |
ESC ESC(双击) |
撤销 Claude 的最后一个操作并回退一步 |
| 操作 | 快捷键 | 使用时机 |
|---|---|---|
| 显示任务面板 | CTRL + T |
查看 Claude 当前跟踪的任务和待办事项 |
| 查看思考过程 | CTRL + O |
打开 Claude 的推理和思考过程 |
| 切换思考模式 | TAB |
显示/隐藏 Claude 的推理和思考过程 |
核心斜杠命令:
| 命令 | 功能 | 使用时机 |
|---|---|---|
/help |
显示所有可用命令和通用帮助 | 了解可用命令或快速查阅 |
/terminal-setup |
配置终端支持 Shift+Enter |
首次设置换行功能 |
/model |
切换 Claude 模型 | Haiku 追求速度,Opus 复杂推理,Sonnet 平衡性能 |
/context |
显示当前上下文大小和 Token 使用量 | 在达到限制前检查使用情况 |
/clear |
开始新对话 | 切换任务或需要新上下文时 |
/compact |
压缩对话历史节省 Token | 接近上下文限制但希望继续对话时 |
/cost |
显示使用情况和订阅信息 | 监控使用情况或验证订阅计划 |
/usage |
显示详细使用统计 | 查看跨对话和时间段的 Token 使用情况 |
/rewind |
撤销最后一条助手消息和工具执行 | Claude 犯错或方向错误时 |
/resume |
恢复上一个对话 | 关闭 Claude Code 后继续之前的工作 |
ShipKit 模板 附带预置斜杠命令,加速开发工作流。
项目准备命令(启动新项目时按顺序运行):
| 命令 | 功能 |
|---|---|
/01_generate_master_idea |
生成综合性的应用主创意文档 |
/02_generate_app_name |
AI 驱动的应用名称生成(含市场研究) |
/03_generate_ui_theme |
创建连贯、专业的配色主题 |
/04_chatgpt_logo_generation |
为应用生成 10 个独特的徽标提示词 |
/05_generate_app_pages_and_functionality |
规划应用结构和页面的蓝图 |
/06_generate_wireframe |
为应用创建线框图 |
/07_generate_initial_data_models |
设计战略性数据库模型 |
/08_generate_system_design |
做出明智的架构决策 |
/09_generate_build_order |
生成开发路线图和任务顺序 |
开发工作流命令:
| 命令 | 功能 |
|---|---|
/task_template |
为 AI 驱动开发创建综合性任务文档 |
/bugfix |
快速 Bug 分流和修复工作流 |
/diff |
分析并展示代码更改的前后对比 |
/cleanup |
综合代码库清理分析(TypeScript/JavaScript) |
/git_workflow_commit |
分析更改并创建有意义的提交信息 |
/pr_review |
合并前的系统性代码审查清单 |
数据库命令:
| 命令 | 功能 |
|---|---|
/drizzle_down_migration |
从 Up 迁移生成 Down 迁移(Drizzle ORM) |
/drizzle-rollback-workflow |
指导完成完整的迁移回滚流程 |
UI/设计命令:
| 命令 | 功能 |
|---|---|
/improve_ui |
将通用 UI 转化为美观、专业的设计 |
/generate_landing_page |
根据文档创建高转化率的落地页 |
/generate_diagram |
创建综合性的 Mermaid 图表(含分析) |
部署与基础设施:
| 命令 | 功能 |
|---|---|
/setup_auth |
指导完成 OAuth 设置(Google 和 GitHub) |
/update_template_workflow |
安全地使用上游模板改进更新项目 |
/gcp_debugging_template |
调试 GCP 部署问题 |
高级/专业命令:
| 命令 | 功能 |
|---|---|
/python_task_template |
Python 开发项目的任务模板 |
/cleanup_python |
Python 项目的综合清理分析 |
/adk_task_template |
Google ADK 代理系统的任务模板 |
/adk_bottleneck_analysis |
分析 ADK 代理中的性能瓶颈 |
/agent_orchestrator |
设计和构建 Google ADK 工作流项目 |
常见开发任务的实用工作流。
在 Claude 协作后审查更改的典型工作流:
- 打开源代码管理 -
CMD/CTRL + SHIFT + G- 审查 Claude 的所有文件更改
- 查看每个文件的 git diff
- 打开文件资源管理器 -
CMD/CTRL + SHIFT + E- 导航到要检查的特定文件
- 浏览项目结构
- 关闭侧边栏 -
CMD/CTRL + B- 完成审查后隐藏文件资源管理器以最大化屏幕空间
- 将焦点返回到代码
此工作流双手不离键盘,让您在提交前高效审查 Claude 的更改。