第 14 章 · IDE 集成
本章目标:掌握 Claude Code 与主流 IDE 的集成方式——VS Code 扩展、JetBrains 插件、终端内嵌联动,以及常用快捷键映射,实现"编辑器内无缝调用 AI"。
14.1 VS Code 扩展
Claude Code 提供 VS Code 扩展,安装后可直接在编辑器侧边栏使用:
# 方式一:命令面板安装
# Ctrl+Shift+P → Extensions → 搜索 "Claude Code"
# 方式二:CLI 安装
claude install-vscode安装后,侧边栏会出现 Claude Code 图标。点击后可进行对话,扩展会自动感知当前打开的文件和工作区上下文。
核心能力:
- 选中代码提问:在编辑器中选中一段代码,右键选择 "Ask Claude",对话会自动附带选中内容;
- 内联差异预览:Claude 修改文件时,VS Code 以 diff 视图展示变更,你可以逐行接受或拒绝;
- 终端共享:扩展与终端中的
claude命令共享会话状态。
// .vscode/settings.json — 扩展配置示例
{
"claude-code.autoStart": true,
"claude-code.defaultModel": "sonnet",
"claude-code.showDiffOnEdit": true
}14.2 JetBrains 插件
IntelliJ IDEA / WebStorm / PyCharm 等 JetBrains 系列 IDE 通过插件市场安装:
- 打开 Settings → Plugins → Marketplace;
- 搜索 "Claude Code" 并安装;
- 重启 IDE,在右侧工具栏找到 Claude Code 面板。
JetBrains 插件的核心功能与 VS Code 类似:代码选中询问、diff 审查、终端集成。额外支持 Action 提示(Alt+Enter)——在光标处快速调用 Claude 进行重构或修复。
14.3 终端内嵌编辑器联动
即使不装 IDE 扩展,Claude Code 在终端运行时也能感知你的编辑器环境:
# Claude Code 自动检测 $EDITOR 并用其展示长文本
export EDITOR="code --wait"
claude设置 EDITOR 后,Claude Code 在需要你编辑多行文本(如编写 CLAUDE.md 或提交消息)时,会自动在 VS Code 中打开临时文件,保存关闭后内容回传到 Claude Code。
14.4 快捷键映射
以下是 Claude Code 中最常用的键盘快捷键:
| 快捷键 | 功能 |
|---|---|
Ctrl+C | 中断当前操作 |
Ctrl+D | 退出会话 |
Escape | 取消当前输入 |
Shift+Tab | 切换权限模式(normal → auto-accept → plan) |
Alt+M | 多行输入模式切换 |
Ctrl+R | 搜索历史对话 |
keybindingFlavor 设置
v2.1.238 引入了 keybindingFlavor 设置。将其设为 "readline" 可让 Ctrl+W 在提示框中按 Bash 习惯删除前一个单词(默认 "classic" 行为不变):
{
"keybindingFlavor": "readline"
}本章小结
- VS Code 扩展提供侧边栏对话、选中提问和 diff 预览;
- JetBrains 插件支持 Alt+Enter 快速调用;
$EDITOR环境变量让 Claude Code 用你偏好的编辑器处理多行文本;keybindingFlavor可自定义快捷键风格。
🧪 随堂测验
点击你认为正确的选项。答错时会展示正确答案与原因解析。
1. 在 VS Code 中选中代码后如何快速向 Claude 提问?
2. 哪个环境变量控制 Claude Code 使用哪个编辑器处理多行文本?
3. `keybindingFlavor: "readline"` 设置的作用是?
4. Shift+Tab 在 Claude Code 中的作用是?
🛠️ 动手实践
- 安装 VS Code 扩展(或 JetBrains 插件),选中一段代码向 Claude 提问。
- 设置
EDITOR环境变量为code --wait,体验在 VS Code 中编辑提交消息。 - 尝试
Shift+Tab切换三种权限模式,观察行为差异。
掌握 IDE 集成后,进入第 15 章学习 SDK 编程式调用。