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...

相关推荐
陶瓷好烦1 天前
智能编码助手:VSCode+Keil+Kilo Code打造自然语言编程环境
vscode·stm32·单片机
HAPPY酷1 天前
PyCharm 终极避坑指南:环境选择、镜像加速与包管理
ide·python·pycharm
hua_ban_yu1 天前
新版本 idea 如何设置热部署
java·ide·intellij-idea
edjxj1 天前
Visual Studio应用程序无法正常启动(0xc0150002)
ide·visual studio
Harvy_没救了1 天前
Vim 快捷键手册
linux·编辑器·vim
DeadPool loves Star1 天前
新版VSCode登录Old Linux
linux·ide·vscode
专注VB编程开发20年1 天前
delphi死嗑Pascal冷门编程语言,Borland不认可 “通用多语言 IDE”,认为 “专有语言才是护城河”
开发语言·ide·delphi
专注VB编程开发20年1 天前
.NET 自带一套 可视化窗体设计器,如何快速开发迷你IDE
ide·.net
小松要进步1 天前
VSCode
ide·vscode·编辑器
终端鹿1 天前
VSCode插件Console Ninja详解:把DevTools搬进编辑器,调试效率翻倍
ide·vscode·编辑器