找回密码
 立即注册
首页 业界区 业界 Claude Code如何集成到VSCode、PyCharm IDE及使用技巧 ...

Claude Code如何集成到VSCode、PyCharm IDE及使用技巧

褐洌 2025-9-26 10:56:47
1、Claude Code 简介

Claude Code 是由 Anthropic 公司推出的一款基于 Claude Sonnet 模型的智能 AI 编程工具,安装方法与介绍介绍,可查阅之前的文章:
AI 编程神器:Claude Code 安装与国内免费使用(保姆级教程)
Claude Code 默认支持从终端直接操作,允许开发者通过自然语言指令进行对话,显著提升开发效率。但命令行的这种交互方式的 AI 编程工具对于新手或者非科班技术人员来说,还是有些难度。
Claude Code 除了默认的命令行交互方式外,还支持与流行的集成开发环境 (IDE) 无缝集成。这种集成使得我们可以直接在 主流的 IDE 编辑器 中使用 Claude Code 的功能。
2、Claude Code 支持的 IDE

Claude Code 目前支持两个主要的 IDE 系列:

  • Visual Studio Code(包括 Cursor、Windsurf 等)
  • JetBrains IDEs(包括 PyCharm、WebStorm、IntelliJ 等)
大家可以打开快捷导航平台(https://kjdaohang.com/),在开发工具-开发IDE菜单中,查看主流 IDE 编辑器功能介绍、直达下载。
1.webp

2.1 接入 Visual Studio Code

1、安装并打开 VSCode (版本需要在 1.98.0+)
2、搜索并安装插件: Claude Code for VSCode
2.webp

3.webp

3、安装之后,你的 Cursor 右上角会出现 Claude Code 的图标
4.webp

4、打开集成终端运行claude,输入/ide  命令连接到 IDE。并且显示一个绿色的状态 IDE connected
5.webp

在 IDE connected 状态下,如果 Claude Code 修改了文件,可以使用 IDE 的预览功能查看修改的代码。
注意:这些安装说明也适用于 VS Code 分支,如 Cursor 和 Windsurf。
2.2 接入 JetBrains IDEs

安装 Claude Code 插件(https://docs.anthropic.com/s/claude-code-jetbrains) 并重启您的 IDE。
注意:当您在集成终端中运行  claude  时,插件也可能会自动安装。必须完全重启 IDE 才能生效。
如果您使用外部终端(而不是 IDE 的内置终端),仍然可以在启动 Claude Code 后使用 /ide  命令连接到您的 IDE。使用外部终端时,为确保 Claude 默认访问与您的 IDE 相同的文件,请从与您的 IDE 项目根目录相同的目录启动 Claude。
3、Claude Code 常用命令

基础交互:
  1. claude                           #启动软件
  2. claude "帮我修复这个 bug"          #一次性命令执行
  3. claude -c              #继续上次对话
  4. claude update                    #更新客户端,镜像站更新重新运行下载的命令即可
  5. claude mcp                       #启动mcp向导
复制代码
快捷命令:
  1. /help          #列出所有斜线命令
  2. /add-dir       #添加更多工作目录
  3. /bug           #向 Anthropic 报告错误
  4. /clear         #清除聊天记录
  5. /compact       #压缩上下文
  6. /config        #配置菜单
  7. /cost          #toekn花费统计
  8. /doctor        #客户端完整性检查
  9. /exit          #退出 Claude Code
  10. /init          #初始化项目,生成 CLAUDE.md全局记忆
  11. /mcp           #查看mcp列表和状态
  12. /memory        #编辑记忆
  13. /model         #更换模型
  14. /permissions   #修改工具权限
  15. /pr_comments   #查看PR评论
  16. /review        #请求代码审查
  17. /sessions      #列出sessions列表
  18. /status        #系统/账户状态
  19. /terminal-setup #安装 Shift+Enter 绑定
  20. /vim           #切换 vim 模式
复制代码
4、Claude Code 使用技巧

1、终端界面的小技巧
我们可以通过@ 标记文件,使用斜杠命令,并精确选择要包含的上下文:
6.webp

不需要的历史记录会占用你的 tokens,也不要用 /compact 压缩总结旧对话。直接清空它,然后继续。
2、权限系统的小设置
这是使用 Claude Code 最烦人的地方:它对每件事都要请求权限。
有一个解决方案,启动 Claude Code 的时候,使用
  1. claude --dangerously-skip-permissions
复制代码
通过这条命令启动 claude,会自动同意所有的权限请求!就会自动打开 Bypassing Permissions 模式, 此时,Claude Code 的右下角会出现黄色的字。
7.webp

你可以把它想象成 Cursor 以前的 YOLO 模式。
考虑到每次都输入 claude --dangerously-skip-permissions 太麻烦了,你可以建一个 alias。
8.webp

3、操作小技巧
由于它是终端界面,操作时有一些不方便的地方,下面是一些常用操作小技巧:

  • Shift+Enter 默认情况下不能换行。 告诉 Claude 使用 /terminal-setup 设置你的终端,然后就可以换行了。
  • 拖动文件 通常会像 Cursor 或 VS Code 中一样在新标签页中打开它们。在拖动时按住 Shift 键,以便在 Claude 中正确引用它们。
  • 从剪贴板粘贴图片 不能使用 Command+V。请使用 Control+V。
  • 停止 Claude 不是 Control+C。使用 Esc 键才可以中断 Claude。
  • 跳到之前的消息: 按两次 Esc 键会显示所有之前消息的列表,你可以跳回到其中任何一条。
  • contenxt7和browsermcp两大 MCP,可以加快网站类产品的开发效率,context7 可以引入最新的代码库知识,而 browsermcp,它可以让你的 Claude Code/Cursor 直接打开你的浏览器去查看内容!
    9.webp

  • 使用/resume 可以查看历史聊天,或者接着聊。
10.webp

可以看到所有聊天记录。还可以选择一个(输入数字、或者回车),继续聊天
11.webp

4、最后

将 Claude Code 接入 IDE,为开发者提供了一种全新的编程体验。通过自然语言交互,开发者能够更高效地完成代码编写、优化和测试,从而将更多精力投入到创造性工作中。
最后,我建议如果是新手的话,可以先从 Cursor/AugmentCode 开始学习,熟练编程基本功后,再逐渐引入 Claude Code。

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

您需要登录后才可以回帖 登录 | 立即注册