VS Code + cc-Switch 使用教程

🚀 VS Code + cc-Switch 使用教程

本教程旨在帮助开发者通过 VS Code 结合 cc-Switch 工具,快速实现 Claude Code 对第三方模型(API)的无缝调用与灵活配置。


💻 一、安装 VS Code(若已安装,可跳过此步骤)


🔌 二、安装 cc-Switch

1. 访问 GitHub 开源仓库https://github.com/farion1231/cc-switch

2. 下载最新的发行版本(Release)

  • 进入仓库后,点击右侧的 Releases 区域,或直接访问链接:Releases 页面
  • 在最新版本的 Assets 列表中,选择对应的系统版本进行下载:

3. 执行安装 : 打开刚才下载的 .msi 安装包(Installer 程序包),按照向导提示完成安装即可:

4. 启动程序: 安装完成后,打开 cc-Switch 客户端,准备后续配置:


🧩 三、在 VS Code 中安装 Claude Code 扩展

1. 打开扩展商店 :在 VS Code 左侧活动栏中点击"扩展"图标(或使用快捷键 Ctrl+Shift+X)。

2. 搜索并安装扩展 :在搜索框中输入 Claude Code 并点击安装。

3. 验证安装:扩展安装完成后,点击 VS Code 右侧边栏的 Claude Code 图标。若出现红框所示的侧边栏界面,即说明安装成功:


⚙️ 四、通过 cc-Switch 调用第三方模型

💡 (1)原理解析

  • 为何使用 cc-Switch
    • 免去手动编辑复杂 settings.json 配置文件的繁琐。
    • 支持预存多套 API 方案,实现一键无缝切换。
    • 轻松接入各路中转站,完美适配各类第三方 API 聚合服务。
  • 核心机制
    • cc-Switch 在底层动态覆盖了 ANTHROPIC_BASE_URLANTHROPIC_API_KEY 这两个关键环境变量。它将 Claude Code 原本发往官方的请求,"拦截"并重定向至您配置的第三方接口,从而在底层实现模型的无缝替换。

🔑 (2)前置准备

① 获取调用凭证 : 在开始配置前,需要从第三方平台获取以下信息(本文以硅基流动 (SiliconFlow) 为例,其他支持的模型或中转平台配置逻辑完全一致):

  • API Key(密钥)
  • Base URL(接口地址)
  • 模型名称

② 创建 API 密钥 : 登录 硅基流动官网,在控制台生成您的 API 密钥:

③ 获取模型名称: 进入模型广场,选择您需要的模型,点击模型名称即可复制:

④ 确认 Base URL : 查阅官方 API 接口文档获取 Base URL。硅基流动的地址通常为 https://api.siliconflow.cn/(其他中转平台请参考其官方说明):

🏠 (3)本地环境配置指南

① 添加供应商: 回到 cc-Switch 客户端,点击添加新的服务供应商:

② 填写配置信息

  • 按照下图指示进入配置页面:
  • 向下滚动页面,将刚才获取的凭证填入对应位置:
  • 其他高级配置可按需修改。最后请核对红框内的核心信息,确认无误后点击添加:

③ 启动 Vibe Coding: 重新打开 VS Code 中的 Claude Code 扩展。如果无需登录账号,直接跳转至对话窗口,即说明配置大功告成,您可以开始使用啦!

☁️ (4)远程环境(Remote - SSH)配置指南

① 开启本地代理服务: 在 cc-Switch 中开启本地代理,并务必记住生成的服务地址与端口:

② 验证代理状态

  • 点击上图步骤②中的图标,进入终端:
  • 在终端中执行以下指令。若弹出的文本文件中包含代理信息,说明代理开启成功。请复制红框中的内容备用:
复制代码
notepad "%USERPROFILE%\.claude\settings.json"

③ 远程配置 Claude Code(需提前安装 VS Code 的 Remote - SSH 插件)

  • 编辑 VS Code 远程连接配置文件,添加 RemoteForward 参数进行端口转发,格式请参考下图:
  • 在远程服务器上安装 Claude Code 扩展:
  • 对远程扩展进行环境配置:
  • 将之前复制的代理地址与密钥填入空括号 [] 中,完成后的效果参考红框内容:

④ 完成配置并运行: 操作逻辑与本地运行一致。点击右侧边栏的 Claude Code 图标,若直接进入对话界面,说明远程配置成功。现在,尽情享受您的远程 Vibe Coding 体验吧!

相关推荐
鸽芷咕3 天前
Claude Code 报 429 “Rate limit reached“?先分清是限速还是额度用完,对症下药
人工智能·报错解决·编程工具·claude code
BryceBorder3 天前
Agent Memory 不只是聊天记录:手搓三大记忆系统
后端·agent·面经·codex·claude code·agent memory
youcans_3 天前
【嵌入式软件AI编程】16. Claude Code 与 VS Code 的协同开发
stm32·mcu·嵌入式·ai编程·claude code
GPU实战笔记3 天前
云端 Python 开发:JupyterLab 还是 VS Code Remote-SSH?
python·vs code·jupyterlab·remote-ssh·远程开发
向上的车轮5 天前
Claude Code辅助遗留系统重构:可行性评估、小步落地与多仓WMS整合建议
claude code
formulahendry6 天前
微信和 VS Code 强强联合!WeChat AHP 来了
visual studio code·vs code
小静AI工程实验室7 天前
Claude Code 实用教程:Windows、macOS、Linux 从安装到项目调试与验收
人工智能·python·开发工具·claude code
VIP_CQCRE7 天前
Claude Code 接入 Nano Banana MCP:在终端里完成 AI 图片生成、编辑与多图合成
ai·图像生成·mcp·claude code·ace data cloud
码哥字节7 天前
30K Star 神器,给 Claude Code 装上代码地图,Token 中位数省 65 倍
mcp·claude code