这一章来聊聊怎么在 VS Code 和 JetBrains 这些编辑器里装 Claude Code 插件，装完以后就不用来回切窗口了，体验好很多。

---

10.1 为啥要装编辑器插件？

前几章咱们一直在终端（就是那个黑乎乎的命令行窗口）里用 Claude Code。但说实话，平时写东西、改东西基本都在编辑器里完成。每次想问 Claude 个问题，还得切到终端，用完再切回来，确实挺折腾。

编辑器插件就是来解决这个痛点的。 装上之后，Claude 就住在你的编辑器里，你一边写一边就能跟它聊，它改的东西你也能立刻看到。

两种模式有啥不一样？

对比项	终端模式	编辑器模式
在哪用	终端窗口	编辑器侧边栏
看改动	要自己打开文件看	直接看到新旧对比
选中内容提问	要手动复制粘贴	选中右键就能问
快捷键	要记命令	用编辑器自带的快捷键
功能	全都有	大部分都有（极少数不支持）

---

10.2 VS Code 里怎么装？

安装方法

1. 打开 VS Code
2. 按 Cmd+Shift+X（Mac）或 Ctrl+Shift+X（Windows）打开扩展面板
3. 搜索 "Claude Code"
4. 点 Install 安装

要是你喜欢用命令行，也可以直接在终端里装：

# 一行命令装好插件，就像用 brew 装软件一样方便
code --install-extension anthropic.claude-code

提示

如果扩展商店搜不到，可能是网络问题。可以试试挂代理，或者直接去 VS Code 插件市场网页 搜索下载 .vsix 文件手动安装。

怎么打开 Claude 面板？

装好以后，有两种方式打开：

方式	怎么操作
快捷键	Cmd+Shift+P → 输入 "Claude Code: Open" → 回车
点图标	点编辑器工具栏上的 Spark 图标

VS Code 里有啥好玩的？

1. 改动一目了然

Claude 修改了代码之后，编辑器里会直接展示改动前后的对比，就像 Word 里的修订模式一样：

每一处改动都可以单独接受或拒绝，很灵活。

2. 用 @ 符号引用东西

聊天的时候，用 @ 可以直接引用编辑器里的内容：

• @文件名 — 引用某个文件
• @terminal — 引用终端里显示的内容
• @problems — 引用编辑器里报的错误和警告

3. 选中就能问

选中一段内容 → 右键 → 选 "Ask Claude" → 就可以直接针对选中的内容提问了。

提示

选中代码后直接用快捷键提问比右键更快，熟练了效率翻倍。

常用快捷键

快捷键	干啥的
Cmd+Shift+P → "Claude Code: Open"	打开 Claude 面板
Cmd+Shift+P → "Claude Code: Focus"	跳到 Claude 面板
Escape	关闭 Claude 面板

---

10.3 JetBrains 系列怎么装？（IntelliJ、PyCharm、WebStorm 等）

支持哪些编辑器？

Claude Code 插件支持所有 JetBrains 家族的编辑器：

• IntelliJ IDEA
• PyCharm
• WebStorm
• PhpStorm
• GoLand
• Android Studio

安装方法

1. 打开你的 JetBrains 编辑器
2. 进 Settings/Preferences → Plugins
3. 搜索 "Claude Code"
4. 点 Install 安装
5. 重启编辑器

也可以去 JetBrains 插件页面 手动下载安装。

怎么打开 Claude 面板？

方式	怎么操作
快捷键	Cmd+Esc（Mac）或 Ctrl+Esc（Windows）
菜单	View → Tool Windows → Claude Code

JetBrains 里有什么特别的？

1. 改动查看器

Claude 改完东西后，会直接在 JetBrains 自带的 Diff 查看器里展示，跟平时看 Git 改动的体验一模一样。

2. 更懂你的项目

JetBrains 插件能借助编辑器本身的分析能力：

• 自动识别项目结构和依赖关系
• 更好地理解代码上下文
• 配合编辑器的跳转、搜索功能一起用

常用快捷键

快捷键	干啥的
Cmd+Esc / Ctrl+Esc	跳到 Claude 面板
Cmd+Option+K / Alt+Ctrl+K	接受 Claude 的建议

---

10.4 从终端连到编辑器

有时候你在终端里用 Claude Code，但又想看到编辑器里的对比效果，可以这样操作：

1. 在编辑器里打开你的项目
2. 在编辑器内置的终端里启动 Claude Code：

# 直接在编辑器自带的终端里敲 claude 就行
claude

或者在外部终端里，用 /ide 命令连接：

# 先正常启动 Claude
claude
# 进入对话后，输入这个命令让它连上编辑器
/ide

Claude Code 会自动检测并连接到已经打开的编辑器。

提示

/ide 命令特别适合这种场景：你已经在终端里跟 Claude 聊了一会，突然想看看改动在编辑器里的效果，不用退出重开，直接 /ide 连上就行。

---

10.5 编辑器模式也有小限制

编辑器插件虽然方便，但跟终端模式比还是有一点点区别：

功能	终端模式	编辑器模式
所有斜杠命令	全都有	有几个不支持
Bash ! 快捷方式	有	没有
Tab 自动补全	有	没有
所有技能	全都有	个别受限
管道和脚本	有	没有

注意

平时在编辑器里用就够了（方便看改动），但如果要做一些复杂的操作（比如跑脚本、自动化流程），还是切回终端模式比较好。

---

10.6 怎么选？

你用的编辑器	建议
VS Code	装 Claude Code 插件
JetBrains 系列	装 Claude Code 插件
Vim / Neovim / Emacs	在内置终端里用 Claude Code
其他编辑器	在终端里用 Claude Code

---

10.7 这一章聊了啥？

要点	一句话总结
为啥装插件	不用切窗口，编辑器里直接和 Claude 聊
VS Code	扩展商店搜 "Claude Code" 装就行
JetBrains	插件市场搜 "Claude Code" 装就行
好用的功能	改动对比、@ 引用、选中就问
小限制	个别高级功能得回终端用
怎么选	平时编辑器，复杂操作终端

---

下一章来聊聊几个真实的动手案例，看看 Claude Code 到底能帮你干些什么实际的事儿：第11章 几个真实的动手案例