引言CC GUI 是一款开源免费MIT 协议的 JetBrains IDE 插件能将 Claude Code 和 OpenAI Codex 的能力以可视化界面集成到 IDEA 中。以下是完整的安装配置教程。前置准备检查 IDEA 版本CC GUI 要求 IDEA2024.2 及以上版本。检查方式Windows/LinuxHelp→AboutMacIntelliJ IDEA→About IntelliJ IDEA若版本过低请先升级 IDE。确保 Node.js 已安装打开终端/命令行运行node--version若未安装从 nodejs.org 下载安装即可。安装 CC GUI 插件通过插件市场安装打开 IDEA 设置Windows/LinuxFile→Settings→PluginsMacIntelliJ IDEA→Settings→Plugins切换到Marketplace标签页搜索CC GUI点击Install安装完成后重启 IDE注意搜索结果中可能有两个同图标插件请选择下载量更高的那个打开 CC GUI 面板重启后IDEA 右侧工具栏会出现 CC GUI 图标点击即可打开。若未显示通过View→Tool Windows→CC GUI手动调出。安装 SDK 依赖核心步骤首次打开 CC GUI 面板时会自动弹出提示让你安装Claude Code SDK点击提示中的“Install SDK”或“前往安装”等待 20-30 秒出现“SDK 安装成功”提示即可SDK 会被安装到~/.codemoss/dependencies/claude-sdk/node_modules/目录。配置 AI 模型核心必做CC GUI 支持多种模型接入方式方式一使用本地 settings.json推荐如果你之前已在终端中配置过 Claude Code CLI直接在供应商设置中填入 settings.json 路径即可复用配置无需重新配置 API Key。方式二添加自定义供应商打开 CC GUI 面板点击右上角⚙️ 设置图标选择“供应商管理”→ 点击“ Add”填写配置信息字段说明供应商名称自定义名称如“智谱GLM”API Key从对应平台获取的密钥请求地址可选使用默认或自定义端点保存配置即可在模型选择框中切换使用支持的模型类型Anthropic Claude官方 APIOpenAI Codex智谱 GLM国产成本较低DeepSeek国产性价比高私有部署模型支持自定义端点基础使用对话交互配置完成后在 CC GUI 面板输入框中直接输入需求发送输入引用项目中的文件让 AI 理解特定代码支持拖拽上传图片描述视觉需求内置命令命令功能/initAI 自动理解项目结构生成 CLAUDE.md 配置文档/review代码审查查看 Diff 对比AI 生成的代码修改建议支持Diff 差异比对可在面板中直观查看改动确认后再应用。进阶功能MCP 扩展CC GUI 支持MCPModel Context Protocol允许 Agent 调用外部工具推荐安装 Chrome Devtools MCP让 Agent 能直接操控浏览器适合前端调试和需要登录态的页面测试。推荐安装 idea MCP让 Claude Code 与 IDEA 本身建立连接。Skills 技能包Skills 是 Claude Code 的能力扩展包Skill功能web-access打通浏览器通道处理需登录的页面访问frontend-design根据需求描述生成 HTML/CSS 前端代码常见问题排查插件市场搜不到 CC GUIIDEA 版本需 ≥2024.2尝试搜索“Claude Code GUI”全称SDK 安装失败检查网络连接重启 IDEA 后重试手动安装进入面板设置中的“SDK依赖”项下载之前遇到的 Node.js not found 错误按提示操作确认 Node.js 已安装node --version若自动检测失败运行node -p process.execPath获取 Node.js 完整路径Windows 用户需填写包含node.exe的完整路径如C:\Program Files\nodejs\node.exe保存配置并重启 CC GUI配置后无法使用检查 API Key 是否粘贴正确无多余空格确认 API 账户有余额项目信息项目地址https://github.com/zhukunpenglinyutong/jetbrains-cc-gui开源协议MIT当前状态已更名 CC GUI原 Claude Code GUI活跃更新中