作为后端开发者，我们经常使用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项目是一套基于 SpringBoot3 + Vue3 的电商系统（Github标星60K），后端支持多模块和微服务架构，采用Docker和K8S部署。包括前台商城项目和后台管理系统，能支持完整的订单流程！涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能！
- Boot项目：github.com/macrozheng/...
- Cloud项目：github.com/macrozheng/...
- 文档网站：www.macrozheng.com
项目演示：
使用
下面就以我的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了！在项目运行报错的时候还能自动读取报错信息，然后进行修复，修复完后再重新运行，如此往复直至问题修复成功！