本文介紹如何在 VS Code 和 IDEA 中集成 Claude Code，通過智譜 AI 的 GLM 模型提供 AI 輔助編碼能力。

Visual Studio Code 效果展示

IntelliJ IDEA 效果展示

一、環(huán)境準備

1.1 安裝 Node.js

前往 Node.js 官網(wǎng)下載安裝：https://nodejs.org/en/download/

• VS Code 插件模式：可以不單獨安裝 Node.js，VS Code 會自動使用內(nèi)置版本
• IDEA 模式：需要安裝 Node.js，要求版本 ≥ Node.js 18

兩種安裝方式：

注意事項：

• 要求版本 ≥ Node.js 18
• cmd 命令查看版本：node --version

1.2 安裝 NVM（推薦）

推薦使用 NVM 管理 Node.js 環(huán)境，可根據(jù)需要切換 Node.js 版本。
可以查看這篇文章：使用 nvm 安裝與管理多版本 Node.js（Windows）

1. 下載 NVM 安裝包 nvm-setup.7z
2. 將下載的 Node.js 包放在 NVM 目錄下

1.3 常用 NVM 命令

二、智譜 AI 平臺準備

2.1 API Key 獲取

登錄智譜 AI 開放平臺（https://open.bigmodel.cn/），進入 API Key 管理頁面，創(chuàng)建或獲取 API Key。

API Key 格式為 {API Key ID}.{secret}，請妥善保管。

2.2 查看套餐信息

三、安裝 Claude Code

3.1 安裝 Claude Code CLI

npm i -g @anthropic-ai/claude-code@latest

也可以使用下面的命令：

npm install -g @anthropic-ai/claude-code --registry https://registry.npmjs.org/

3.2 啟動 Claude

安裝完成后執(zhí)行 claude 命令，出現(xiàn)歡迎界面表示安裝成功：

查看版本：
claude -v
啟動客戶端：
claude

說明：IDEA 模式下必須安裝 CLI；VS Code 插件模式下可跳過此步。

四、VS Code 集成

4.1 安裝 VS Code

官網(wǎng)下載：https://code.visualstudio.com/

要求版本 ≥ 1.98.0（低于此版本通過 Help → Check for Updates 升級）。

4.2 安裝 Claude Code 插件

1. 打開 VS Code
2. 進入擴展商店（Ctrl+Shift+X）
3. 搜索 “Claude Code for VS Code”
4. 點擊 Install 安裝

4.3 配置 Claude Code

打開 VS Code 的 settings.json 文件，添加以下配置：

• 路徑：Users > 當前用戶 > AppData > Roaming > Code > User > settings.json
• 快捷方式：Ctrl+Shift+P → 輸入 Preferences: Open User Settings (JSON)

// === Claude Code 配置 ===
// 代理設置（如能正常訪問外網(wǎng)可省略）
"http.proxy": "<你的代理>",
// Claude Code 面板位置
"claudeCode.preferredLocation": "panel",
// Claude Code 環(huán)境變量
"claudeCode.environmentVariables": [
    {
        "name": "ANTHROPIC_BASE_URL",
        "value": "https://open.bigmodel.cn/api/anthropic"
    },
    {
        "name": "ANTHROPIC_AUTH_TOKEN",
        "value": "<你的智譜API Key>"
    },
    {
        "name": "ANTHROPIC_DEFAULT_OPUS_MODEL",
        "value": "glm-5-turbo"
    },
    {
        "name": "ANTHROPIC_DEFAULT_SONNET_MODEL",
        "value": "glm-5-turbo"
    },
    {
        "name": "ANTHROPIC_DEFAULT_HAIKU_MODEL",
        "value": "glm-4.5-air"
    }
],
// 禁用登錄提示
"claudeCode.disableLoginPrompt": true,
// 默認使用模型
"claudeCode.selectedModel": "glm-5-turbo"

• 也可以C盤 > Users > 當前用戶 > .claude > settings.json的文件，添加以下配置：

{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "<你的智譜API Key>",
    "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "glm-5-turbo",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "glm-5-turbo",
    "ANTHROPIC_DEFAULT_HAIKU_MODEL": "glm-4.5-air",
    "API_TIMEOUT_MS": "3000000",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
  },
  "enabledPlugins": {
    "document-skills@anthropic-agent-skills": true,
    "example-skills@anthropic-agent-skills": true
  },
  "theme": "dark",
  "disableLoginPrompt": true,
  "selectedModel": "glm-5-turbo",
  "preferredLocation": "panel",
  "claud.code.experimental.enableInlineCompletion": true,
  "claud.code.experimental.enableChat": true
}

• 如果兩個地方的文件均進行了配置，優(yōu)先使用.claude目錄下的配置文件。

4.4 代理配置（如需要）

如果 VS Code 無法正常訪問外網(wǎng)，需要配置系統(tǒng)代理。

右鍵 此電腦 → 屬性 → 高級系統(tǒng)設置 → 環(huán)境變量，在系統(tǒng)變量中添加：

注意：如果不在環(huán)境變量加HTTPS_PROXY和HTTP_PROXY使用Claude的方法 也可以在settings.json里的"env"加上：

    "HTTP_PROXY": "<你的代理>",
    "HTTPS_PROXY": "<你的代理>"`

4.5 啟動使用

安裝配置完成后，在 VS Code 中即可通過 Claude Code 面板開始對話：

五、IDEA 集成

5.1 安裝 IDEA 插件

要求 IDEA 版本 ≥ 2024.02（推薦 2025.3.3）。

1. 打開 IDEA → File → Settings
2. 左側(cè)選擇 Plugins
3. 切換到 Marketplace 標簽
4. 搜索 “Claude Code”
5. 找到 Claude Code [Beta]（Publisher: Anthropic PBC），點擊 Install
6. 安裝完成后重啟 IDEA

搜索不到時：檢查 IDEA 版本是否滿足要求，或檢查 IDEA 代理設置。

5.2 配置 Claude Code

步驟一：創(chuàng)建配置文件

找到配置目錄，通常為：

C:\Users\<當前用戶>\.claude

在該目錄下新增或修改 settings.json 文件：

{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "<你的智譜API Key>",
    "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "glm-5-turbo",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "glm-5-turbo",
    "ANTHROPIC_DEFAULT_HAIKU_MODEL": "glm-4.5-air",
    "API_TIMEOUT_MS": "3000000",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
  },
  "enabledPlugins": {
    "document-skills@anthropic-agent-skills": true,
    "example-skills@anthropic-agent-skills": true
  },
  "theme": "dark",
  "disableLoginPrompt": true,
  "selectedModel": "glm-5-turbo",
  "preferredLocation": "panel",
  "claud.code.experimental.enableInlineCompletion": true,
  "claud.code.experimental.enableChat": true
}

步驟二：配置 IDEA 插件路徑

1. 打開 IDEA → File → Settings
2. 左側(cè)找到 Tools → Claude Code [Beta]
3. 設置 Config directory 為 .claude 目錄路徑

5.3 啟動使用

在 IDEA 中啟動 Claude Code：

1. 點擊工具欄的 Claude Code 按鈕，或使用終端執(zhí)行 claude 命令
2. 出現(xiàn)歡迎界面后即可開始對話

5.4 Claude Code with GUI 插件安裝和使用

相對于Claude Code [Beta]插件對話是終端的模式，Claude Code with GUI插件的對話界面更加友好。

1. 打開 IDEA → File → Settings
2. 左側(cè)選擇 Plugins
3. 切換到 Marketplace 標簽
4. 搜索 “Claude Code with GUI”
5. 找到 Claude Code with GUI，點擊 Install
6. 安裝完成后重啟 IDEA

Claude Code with GUI對話界面如下：

六、常見問題

Q: VS Code 插件搜索不到 Claude Code？
A: 檢查 VS Code 版本是否 ≥ 1.98.0，或檢查 VS Code 代理設置。

Q: IDEA 插件搜索不到 Claude Code？
A: 檢查 IDEA 版本是否 ≥ 2024.02，或檢查 IDEA 代理設置。

Q:Claude Code 啟動失??？
A: 查看Node.js的版本號，要求版本 ≥ Node.js 18。

Q: 啟動 Claude Code 提示連接超時？
A: 檢查網(wǎng)絡代理配置，確保 HTTP_PROXY 和 HTTPS_PROXY 環(huán)境變量設置正確。

Q: 提示 “Claude Code might not be available in your country”？
A: 需要通過智譜 AI 的 API 中轉(zhuǎn)（配置 ANTHROPIC_BASE_URL），而非直連 Anthropic 服務。

以上就是VS Code與IDEA集成Claude Code的實戰(zhàn)指南的詳細內(nèi)容，更多關于VS Code與IDEA集成Claude Code的資料請關注腳本之家其它相關文章！

最新評論