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

相关推荐
cooldream20093 小时前
Vim 报错 E325:swap 文件冲突的原理、处理流程与彻底避免方案
linux·编辑器·vim
gusijin3 小时前
解决idea启动报错java: OutOfMemoryError: insufficient memory
java·ide·intellij-idea
吨~吨~吨~3 小时前
解决 IntelliJ IDEA 运行时“命令行过长”问题:使用 JAR
java·ide·intellij-idea
HAPPY酷4 小时前
为啥双击 .sln 文件即可在 Visual Studio 中加载整个解决方案
ide·visual studio
summer_du4 小时前
IDEA插件下载缓慢,如何解决?
java·ide·intellij-idea
iwanghang4 小时前
Android Studio 2023.2.1 新建项目 不能选择Java 解决方法
android·ide·android studio
wtsolutions5 小时前
如何用图片GPS数据编辑器解决批量图片位置信息管理问题
编辑器·gps·图片·照片
山峰哥6 小时前
SQL调优实战密码:索引策略与Explain工具深度破局之道
java·开发语言·数据库·sql·编辑器·深度优先
爱喝可乐的老王7 小时前
Jupyter Notebook 的内核切换
linux·ide·jupyter
玄同7657 小时前
TRAE Rules 高效使用指南:让 AI 更听话的秘密
ide·人工智能·ai编程·claude·cursor·trae