Ai
主页 > Ai >

2026年Claude Code编辑器集成教程:VS Code和JetBrains完整配置

2026-06-17 | 佚名 | 点击:

CLI 是 Claude Code 的核心入口,但很多开发者日常还是待在 IDE 里。VS Code、Cursor、JetBrains 系列都可以接入 Claude Code,让 AI 直接结合当前文件、选中代码和项目结构工作。

这篇把 VS Code 和 JetBrains 两条路线放在一起讲,适合已经装好 CLI、想把 Claude Code 接进日常编辑器的人。

VS Code 安装 Claude Code

先确保 CLI 可用:

1

claude --version

然后打开 VS Code 或 Cursor,在插件市场中搜索 Claude Code 相关插件并安装。

安装完成后,打开一个项目目录。

使用聊天输入框

插件通常会提供聊天输入框,你可以直接描述任务:

  • 解释当前文件的主要逻辑
  • 为选中的函数补充单元测试

@ 提及文件和文件夹

VS Code 里常用 @ 引用文件或目录:

1

@src/auth/login.ts 解释这个文件的登录流程

1

@src/components 帮我总结这些组件的职责

Claude 会结合被引用的上下文回答,减少你手动复制代码的麻烦。

编辑和 diff

当 Claude 建议修改时,IDE 会展示变更。你应该先看 diff,再接受。

可以继续追问:

解释你为什么这样修改
只保留第一处修改,撤回其他变更

恢复过去对话

如果之前的任务中断,可以恢复历史会话。

JetBrains 支持的 IDE

JetBrains 系列通常包括 IntelliJ IDEA、WebStorm、PyCharm、GoLand、PhpStorm 等。

核心功能包括:

  • 从 IDE 终端启动 Claude Code
  • 读取当前项目上下文
  • 和 IDE diff 工具协作
  • 支持远程开发和 WSL 场景

JetBrains 安装步骤

第一步,确认 CLI 可用:

1

claude --version

第二步,在 JetBrains 插件市场安装 Claude Code 插件。

第三步,从 IDE 集成终端启动:

1

claude

如果使用外部终端,可以在 Claude Code 中输入:

1

/ide

Diff 工具和插件设置

建议配置 IDE 自带 diff,这样接受和拒绝修改更直观。

插件设置里可以调整快捷键、显示方式和集成功能。

远程开发和 WSL

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

常见问题

Q: 插件安装后没有功能?

A: 先确认 CLI 可用,再重启 IDE。

Q: 提示 No available IDEs detected?

A: 从 IDE 内置终端启动,或在外部终端执行 /ide。

原文链接:
相关文章
最新更新