详情

首页手游攻略 在VS Code中配置和使用Claude Code的完整指南

在VS Code中配置和使用Claude Code的完整指南

佚名 2026-07-16 18:17:04

一、前置条件

依赖项版本要求说明
VS Code最新版本从 code.visualstudio.com 下载
Node.js≥ 18运行环境
Python≥ 3.10部分功能依赖
API Key身份认证密钥,从 你使用的AI工具接口配置指南中获取

二、安装步骤

第 1 步:安装 VS Code

  1. 前往 code.visualstudio.com
  2. 下载 Windows 版
  3. 运行安装程序,默认安装即可

第 2 步:安装 Claude Code 插件

  1. 打开 VS Code(我这个截图是已经安装了的)
  2. Ctrl+Shift+X 打开扩展市场
  3. 搜索 “Claude Code”
  4. 点击 Install 安装

第 3 步:配置认证与模型

Ctrl+Shift+P,搜索 Preferences: Open User Settings (JSON)

settings.json 中添加以下步骤三的配置,如下图:

三、settings.json 配置详解

{
    "claudeCode.environmentVariables": [
        {
            "name": "ANTHROPIC_BASE_URL",
            "value": "https://ai-xxxxxxxx.com/anthropic"
        },
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "你的API Key"
        },
        {
            "name": "ANTHROPIC_MODEL",
            "value": "qwen3.7-plus"
        },
        {
            "name": "ANTHROPIC_SMALL_FAST_MODEL",
            "value": "qwen3.7-plus"
        }
    ],
    "CLAUDE_CODE_ATTRIBUTION_HEADER": 0,
    "claudeCode.preferredLocation": "panel",
    "workbench.colorTheme": "Dark Modern",
    "editor.language.brackets": [],
    "chat.mcp.gallery.enabled": true
}

四项关键配置说明

#配置项作用说明
ANTHROPIC_BASE_URL模型代&理地址AI接口统一代&理地址
ANTHROPIC_AUTH_TOKENAPI Key身份认证密钥,切勿泄露!
ANTHROPIC_MODEL主模型处理复杂任务的主力模型,当前值:qwen3.7-plus
ANTHROPIC_SMALL_FAST_MODEL快速模型处理简单任务,节省成本和延迟,当前值:qwen3.7-plus
CLAUDE_CODE_ATTRIBUTION_HEADER归属标识控制是否显示归属标头,0 表示关闭
claudeCode.preferredLocation面板位置Claude Code 窗口的默认显示位置,"panel" 表示底部面板
workbench.colorTheme编辑器主题设置为 "Dark Modern" 暗色主题
editor.language.brackets语言括号配置空数组 [],表示不针对特定语言设置括号样式
chat.mcp.gallery.enabledMCP 画廊开关true 表示启用 MCP 画廊功能

四、启动与使用

启动方式

配置完成后会在VS Code左边有图标,点开有可以添加session的地方,如果没有的话,检查一下settings.json是不是有问题,或者API不能用。

这个工具的亮点在于上下文感知 — 它知道你在看什么代码、选了哪些行、打开了哪些文件,让 AI 辅助变得无缝自然,而不是像 CLI 那样需要手动提供所有上下文。对于日常开发来说,这种集成大幅降低了使用门槛,提升了效率。
举个例子,我需要他帮我改一下word文档,他需要使用到python,我的电脑他没有装python,他会询问你,我批准了,他自动装python,自动装模块,自动去读取,然后申请改写,非常方便有木有?

五、四种工作模式

Shift + Tab 循环切换:

模式说明适用
默认模式每次文件写入、编辑和命令执行前都请求确认,最安全初次使用、敏感操作
自动接受编辑自动允许文件读写/编辑,Shell 命令仍需确认,效率与安全平衡日常开发、批量修改
Plan 模式只规划不执行,展示完整方案供审阅复杂任务、架构调整
Auto 模式跳过所有权限提示,自动执行一切(慎用)信任后的加速执行、CI/CD

切换顺序默认自动接受编辑PlanAuto → 回到 默认

六、常见问题

问题解决方案
插件搜索不到确认 VS Code 版本为最新,尝试重启后重新搜索
启动后无响应检查 Node.js ≥ 18 是否已安装
API 调用失败检查 ANTHROPIC_BASE_URLANTHROPIC_AUTH_TOKEN 配置是否正确
上下文混乱使用 /clear 清除对话,重新开始
token 消耗过快使用 /compact 压缩上下文,或切换到快速模型

七、总结

安装 VS Code
    ↓
安装 Claude Code 插件(Ctrl+Shift+X 搜索安装)
    ↓
配置 settings.json(4项关键配置:地址 / 密钥 / 主模型 / 快模型)
    ↓
打开项目文件夹 → 终端启动 claude
    ↓
自然语言描述需求,开始使用!
相关资讯
点击查看更多
游戏推荐
推荐专题
热门阅读
推荐下载