新浪科技

IDEA + Claude Code = 王炸!

市场资讯 04.09 10:32

(来源:macrozheng)

作为后端开发者,我们经常使用IDEA来编写代码。之前分享的《Claude Code使用教程》,采用的是命令行的形式。今天给大家分享一款好用的IDEA插件CC GUI,它对Claude Code中的大多数功能都做了可视化,并支持文件上下文的感知,使用它能使AI编程变得更加高效!

简介

CC GUI(Claude Code GUI)是一款功能强大的IDEA插件,能同时支持Claude Code和Codex两种AI编程工具的可视化操作,目前在Github上已有2.4k+ star。

它的主要特性如下:

  • 双AI引擎支持:集成Claude Code与Codex双引擎,支持多模型灵活调用。

  • 智能对话与交互:支持上下文感知、@文件引用与图片发送,实现精准多模态交互。

  • Agent智能体:内置自动化Agent与Skills斜杠命令系统,支持MCP扩展提升效率。

  • 开发者体验优化:提供代码DIFF对比、导航及多语言主题,优化编码体验。

  • 会话管理:支持历史会话记录、搜索、收藏与统计分析,可随时追溯历史会话。

下面是CC GUI使用过程中的效果图,和IDEA还是非常搭的!

安装及配置

  • CC GUI的安装非常简单,直接在IDEA的插件市场里搜索Claude就可以找到了,目前已有19w下载量,可见还是非常流行的。

  • 安装完成后,我们在IDEA的右侧面板就可以打开CC GUI了,首次启动会要求安装AI SDK 依赖包,这里选择Claude Code SDK即可。

  • 此外还需要在供应商管理中授权CC GUI访问我们的Claude Code配置文件。

  • 这样CC GUI就可以读取到我们的大模型配置了。

  • 模型种类中的Haiku、Sonnet、Opus代表了不同的智力水平和响应速度,具体可以参考下表。

模型

智力水平

响应速度

成本

最佳应用场景

Haiku

入门级

极快 ⚡️

最低

快速查询代码语法、生成简单的代码注释

Sonnet

高级 (主流)

快 🚀

中等

日常编码、调试、编写文档和进行常规逻辑推理

Opus

顶级 🧠

较慢 🐢

最高

适合处理复杂的代码重构、多文件联动的深度分析

使用

下面就以我的mall-tiny(基于Spring Boot的脚手架项目)为例,来介绍下CC GUI的使用。

  • 这里我想将项目从Spring Boot 3.1.5升级至3.5.13,我先让Claude Code规划了下升级方案,然后输出一份Markdown文件,这里我们可以先使用规划模式;

  • 之后Claude Code生成了如下方案,涵盖了需要升级的依赖、可能修改的代码、升级步骤、升级检查等内容,还是挺详细的,看完我就让它执行了;

  • 还有之前项目里使用的JWT工具类,我让它使用Hutool里自带的工具类重构了下代码;

  • 最后我让Claude Code做了接口测试,并生成了测试文档,虽然我没有告诉它登录的账号/密码,但它也自行从数据库中找到了账号,并通过常用密码比对给推断出了密码;

  • 在使用Claude Code的过程中,如果你想让它用IDEA来编译、运行项目、操作数据库的话,需要开启IDEA的MCP服务;

  • 然后在CC GUI的MCP服务器配置中进行配置,我们可以发现IDEA的这个MCP服务功能非常强大,有多达40种工具,甚至可以让Claude Code完全接管IDEA!

  • CC GUI里还有个强大的功能就是文件的上下文感知,它能直接感知到你在IDEA中选中的某段代码,直接使用Claude Code CLI是无法做到这点的。

总结

今天通过项目实战给大家介绍了下IDEA+Claude Code的使用,CC GUI为我们在IDEA中使用Claude Code提供了极大的便利,借助IDEA的MCP服务,甚至可以完全接管IDEA了!在项目运行报错的时候还能自动读取报错信息,然后进行修复,修复完后再重新运行,如此往复直至问题修复成功!

项目地址

https://github.com/zhukunpenglinyutong/jetbrains-cc-gui

加载中...