VSCode如何使用claude code（VS Code + Claude API 详细教程）（API 配置图文全攻略）

还在浏览器和编辑器之间反复横跳？是时候重构你的 AI 编程习惯了。🚀

我们都知道 Claude的 Coding 能力目前是 T0 级别的，但还在用网页版 Copy/Paste 代码简直是对它最大的浪费。

今天分享如何在 VSCode 中通过 API 深度集成 Claude，把“问答机器人”变成真正的“结对编程特工”。

为什么必须走 API 集成？

1️⃣上下文感知：它能直接读取你的整个项目结构，不再需要你手动上传文件。

2️⃣自主编辑（Agentic）：配合 Cline 等插件，它不仅能写代码，还能直接运行终端、创建文件、修复 Bug，甚至根据报错自我修正。

3️⃣隐私与成本：API 按 Token 计费，比订阅制更灵活，且数据隐私性通常优于网页免费版。

官方和第三方中转API配置是一样的，现在以乘丰AI为例说一下如何配置：

核心配置思路 (VSCode)：

👉 打开VS Code，安装Claude插件：Claude Code for VS Code，认准官方，如下图所示，安装即可。

配置：安装完成后点击设置按钮，如下图：

然后找到环境变量配置，在settings.json中编辑：

点击后在json中进行如下配置，下面的内容可以复制，需要一些key即可，如果需要使用claude官方接口，将base_url:https://api.cphone.vip替换为官方地址即可：

{ "claudeCode.environmentVariables": [ { "name": "ANTHROPIC_AUTH_TOKEN", "value": "你的api key" }, { "name": "ANTHROPIC_BASE_URL", "value": "https://api.cphone.vip" }, ], "claudeCode.selectedModel": "default" }

注意：这是一个完整的json，根据你的配置文件进行调整。如果你根据流程找不到这个配置，不要着急，下面给出大家另一种方式：

插件安装完成后右上角会有一个claude的标志，点击打开：

运行界面是这样的：

点击右下角的斜杠/，然后滚动鼠标找到general config...然后也可以打开json配置：

使用的话呢，就在输入框输入你的命令即可，可以直接发送白话文，首先要确认cc看到的项目，可以告诉他准确的项目目录或者文件目录，让他帮你修改文件，解放你的双手，，，

Coding...

👉 获取第三方API：

登录乘丰AI官网，注册，登录获取APIkey，按照上面的步骤配置即可使用。

注意，根据自己的情况切换api key的分组，选择适合自己的分组。

Happy Coding...