Vscode claude code

本教程将带你在 Visual Studio Code 中安装并配置 Claude Code for VS Code 插件，实现
代码补全、代码解释、重构优化、对话式编程辅助等能力。

📌 教程目标

✅ 在 VS Code 中安装 Claude Code 插件
✅ 正确配置 API Key 与接口地址
✅ 在代码中直接使用 Claude 辅助编程
✅ 解决常见配置失败问题
🚀 一、准备工作

在开始前，请确保你已经具备以下条件：

1️⃣ 安装 VS Code

如果你还没有安装 VS Code，请先下载安装：

👉 官网：https://code.visualstudio.com

支持系统：

Windows

macOS

Linux

二、安装插件
1、通过在 VSCode/Cursor/Qoder 的扩展市场中，搜索 Claude Code ，找到 Claude Code for VS Code这款插件，注意提供商为 Anthropic 才是官方版本。

进入vscode编辑器，搜索插件，并安装

点击下载安装按钮后，在弹出的信息提示里选择信任，就能完成下载。

2、首次使用
跟旧版本的插件一致，安装后在编辑区域就可以打开 Claude Code 对话面板。

相比较于例如 Cursor/Codex/Copilot 等 AI 工具选择用侧边栏作为聊天区域。
Claude Code VSC 采用的是编辑区视图。这点相比较于其他常见的 AI 面板，可视区域会更大，内容也会更多。

第一次打开插件，会提示登录以使用官方服务。这里如果你开通了官方服务，可以直接去登录。
同样你也可以通过接入我们的中转API进行使用

3、自定义 API 配置
首先要创建config.json文件，具体路径可以参考下面的内容。
• Mac

~/.claude/config.json

• Windows

C:\Users\Administrator.claude\config.json

文件创建后，写入以下内容直接保存即可：

{
"primaryApiKey":"self"
}

回到 VS Code 扩展商店中，打开 Claude Code 插件设置，然后跳转到 JSON 配置文件的编辑页面。

将下面的API配置信息添加到环境变量配置文件中。其中将ANTHROPIC_AUTH_TOKEN 替换为你的API令牌

上方代码插入位置如图所示，根据自己的 VS Code 配置文件相应插入即可

复制一下的代码内容，粘贴到里面

或者只替换红色部分内容：

"claudeCode.environmentVariables": [
        
        {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://api.apiqik.online" 
        },{
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "sk-gQgLrvIH"
        }
    ],

修改完成后，再次打开 Claude Code 插件，就可以正常开始使用了。
点击对话框这个/图标，功能全出来了。新建对话、加文件、换模型、设MCP，还有一堆内置命令：

历史对话也好找，不用翻半天，直接点击这个箭头：

其他设置
此外 Claude Code 插件设置中还支持切换其他第三方模型，启用绕过权限模式，这样 Claude Code 就自动执行各项操作就不会再弹窗让你确认:

配置网站
打开https://api.apiqik.online

查询模型内容：写代码主力

claude-opus-4-1-20250805

claude-sonnet-4-5-20250929

去配置令牌分组，可以查看令牌分组的文档

如果模型能正常回复：

🎉 恭喜你，已经全部配置成功！