ClaudeCode是AI编程助手,可接入VSCode和JetBrains等主流编辑器。VSCode需安装插件,支持@引用文件、diff编辑及历史会话恢复与上下文记忆。JetBrains系列IDE通过内置终端启动,功能与之相似,还支持远程开发和WSL场景。此外,它提供代码生成、解释、重构及调试建议等能力。
年Claude Code编辑器集成教程:VS Code与JetBrains完整配置
时间:2026-06-18
浏览:326
文章目录
CLI 是 Claude Code 的核心入口,不过对大多数开发者来说,日常工作依然离不开 IDE。VS Code、Cursor、JetBrains 等主流编辑器都能集成 Claude Code,让 AI 直接与当前文件、选中代码甚至整个项目结构交互。
本文同时介绍 VS Code 和 JetBrains 两条集成路线,适合已经安装好 CLI、希望将 Claude Code 接入常用编辑器的开发者。

VS Code 中安装 Claude Code
前提是 CLI 本身已经正常启动,请确认:
claude --version
接着打开 VS Code 或 Cursor,在插件市场搜索 Claude Code 相关插件并安装。

安装完成后,打开一个项目目录,后续操作并不复杂。

使用聊天输入框
插件通常提供一个聊天输入框,你可以直接向它发起任务:
- 解释当前文件的主要逻辑
- 为选中的函数补充单元测试

@ 提及文件和文件夹
VS Code 中一个实用的功能是通过 @ 直接引用文件或目录:
@src/auth/login.ts 解释这个文件的登录流程
@src/components 帮我总结这些组件的职责

Claude 会结合引用的上下文给出回答,无需手动复制代码。
编辑与 diff 对比
当 Claude 提出修改建议时,IDE 会直接展示变更内容。查看 diff 后再决定是否接受,这是最稳妥的方式。

如果不确定,可以继续追问:
解释你为什么这样修改
只保留第一处修改,撤回其他变更
恢复历史对话
任务进行中被打断是常见情况。没关系,历史会话可以随时恢复。




JetBrains 支持的 IDE
JetBrains 系列覆盖广泛,IntelliJ IDEA、WebStorm、PyCharm、GoLand、PhpStorm 等主流 IDE 均在支持范围内。

核心功能与 VS Code 大致相同:
- 从 IDE 终端启动 Claude Code
- 读取当前项目上下文
- 与 IDE diff 工具配合使用
- 支持远程开发和 WSL 场景
JetBrains 安装步骤
第一步,确认 CLI 可用:
claude --version
第二步,在 JetBrains 插件市场搜索 Claude Code 插件并安装。

第三步,从 IDE 内置终端启动:
claude

如果习惯使用外部终端,也可以在 Claude Code 中输入:
/ide

Diff 工具与插件设置
建议优先配置 IDE 自带的 diff 功能,以便更直观地接受或拒绝修改。

插件的设置面板可以调整快捷键、显示方式及其他集成细节。

远程开发与 WSL
如果在 WSL2 或远程开发环境中使用,请确保 Claude Code 从项目根目录启动,并且 IDE 能够访问同一套文件。

常见问题
问:插件安装后没有功能?
答:请先确认 CLI 本身可用,然后尝试重启 IDE。
问:提示 No available IDEs detected?
答:从 IDE 内置终端启动,或者在外部终端执行 /ide 命令。
实用工具推荐
绿化、压缩、噪点和虚拟水印,自由调节做旧程度。
选择画质和输出格式,预览压缩前后的大小。