Claude Code for VS Code 使用教程

Claude Code 是 Anthropic 推出的 AI 编程助手，除了可以在终端中使用，也可以通过 VS Code 插件直接在编辑器内使用，让 AI 深度参与代码编写、分析与修改。

本教程将指导您完成 VS Code 中 Claude Code 插件的安装与配置。

📋 系统要求

在开始之前，请确保您的系统满足以下要求：

Node.js ≥ 18.0

VS Code 最新版本

支持系统：

macOS

Linux

Windows

如果尚未安装 Node.js，可以参考官方：

https://nodejs.org

安装完成后可使用以下命令确认：

🚀 第一步：下载 VS Code

如果您的电脑尚未安装 VS Code，请先下载安装。

官方下载地址：

https://code.visualstudio.com/

下载并安装后启动 VS Code。

🚀 第二步：安装 Claude Code 插件

在 VS Code 中安装 Claude Code 插件。

操作步骤:

1️⃣ 打开 VS Code

2️⃣ 点击左侧 扩展（Extensions）

快捷键：

Ctrl + Shift + X

3️⃣ 在搜索框中输入：

Claude Code

4️⃣ 找到插件：

Claude Code for VS Code

5️⃣ 点击 Install 安装

安装完成后插件会自动启用（也可以重启VS Code）。

🚀 第三步：获取 API 配置信息

在使用 Claude Code 前，需要准备两个关键配置项。

配置项	说明	示例
ANTHROPIC_AUTH_TOKEN	API 认证令牌	sk-xxxx
ANTHROPIC_BASE_URL	API 服务地址	https://www.nanmengai.cn

获取方式：

登录平台

进入 API 令牌

点击 添加令牌

复制生成的 sk- 开头的 Token

建议设置：

名称：Claude Code

额度：无限额度

分组：Claude Code 专属

其他选项：默认即可

🚀 第四步：配置 settings.json

Claude Code 推荐通过 settings.json 进行配置。

打开配置文件

1️⃣ 打开 Claude Code for VS Code 插件，点击设置进入setting文件

2️⃣ 复制以下配置

在 settings.json 中加入：

{
    "editor.fontSize": 14.5,
    "python.createEnvironment.trigger": "off",
    "python.defaultInterpreterPath": "/usr/bin/python3",
    "terminal.integrated.defaultProfile.osx": "zsh",
    "editor.fontLigatures": false,
    "editor.mouseWheelZoom": true,
    "python.analysis.completeFunctionParens": true,
    "editor.fontFamily": "Fira Code,Monaco, Source Code Pro, Menlo,  'Courier New', monospace, 'Jetbrains Mono'",
    "[python]": {
        "diffEditor.ignoreTrimWhitespace": false,
        "editor.defaultColorDecorators": "never",
        "editor.formatOnType": true,
        "editor.wordBasedSuggestions": "off"
    },
    "terminal.integrated.fontSize": 13.5,
    "workbench.colorTheme": "Quiet Light",
    "Codegeex.Privacy": true,
    "Codegeex.License": "",
    "claudeCode.preferredLocation": "panel",
    "claudeCode.environmentVariables": [
        


        

        {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://www.nanmengai.cn"
        },
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "sk-Qd14uxZFTUCB****1Bmn"
        },
        {
            "name": "ANTHROPIC_MODEL",
            "value": "claude-opus-4-6"
        }
    ],
    "claudeCode.disableLoginPrompt": true,
    "claudeCode.selectedModel": "claude-opus-4-6",
    "workbench.editor.empty.hint": "hidden",
    "chat.viewSessions.orientation": "stacked",
    "explorer.confirmDelete": false
}

说明：

配置项	说明
ANTHROPIC_BASE_URL	API 服务地址
ANTHROPIC_AUTH_TOKEN	API Token
API_TIMEOUT_MS	API 请求超时（毫秒）

⚠️ 请将：

sk-Qd14uxZFTUCB****1Bmn

替换为您的实际 API Key。

点击获取key

🚀 第五步：启动 Claude Code

完成配置后即可在 VS Code 中使用 Claude Code。

启动方式，打开你的项目，点击claude图标即可开始对话

✨ Claude Code 初次运行

首次运行时会出现初始化配置：

1️⃣ 选择主题
2️⃣ 阅读安全提示
3️⃣ Terminal 设置
4️⃣ 信任当前项目目录

全部按 Enter 即可。

❓ 常见问题

原因：

Claude Code 未检测到 API Key。

解决方法：

检查：

ANTHROPIC_AUTH_TOKEN 是否正确

Token 是否 sk- 开头

配置文件是否保存

Fetch Failed

可能原因：

网络环境导致 Claude Code 无法访问 API。

解决方案：

使用代理

检查网络连接

重新启动 VS Code

API 请求失败

可能原因：

代理服务不稳定。

解决方法：

重启 VS Code

重新打开项目

再次启动 Claude Code

📌 注意事项

本站 API 直接接入 Claude Code 转发服务

仅支持 Claude Code API 流量

不支持其他 OpenAI / 通用 API 调用

请妥善保管您的 API Key

🔗 相关链接

Claude 官方文档：

https://docs.anthropic.com

VS Code 官网：

https://code.visualstudio.com

💡 提示

如果您是开发者，推荐将 Claude Code 与：

GitHub

MCP

Dify

本地开发环境

结合使用，可以实现完整的 AI 辅助开发流程。

Claude Code-VS CODE插件配置教程

Claude Code for VS Code 使用教程#

📋 系统要求#

🚀 第一步：下载 VS Code#

#

🚀 第二步：安装 Claude Code 插件#

🚀 第三步：获取 API 配置信息#

#

🚀 第四步：配置 settings.json#

打开配置文件#

#

🚀 第五步：启动 Claude Code#

启动方式，打开你的项目，点击claude图标即可开始对话#

✨ Claude Code 初次运行#

❓ 常见问题#

Invalid API Key · Please run /login#

Fetch Failed#

API 请求失败#

📌 注意事项#

🔗 相关链接#