手把手教你安装 Claude Code(VS code 鼠标可点击交互版 + CC Switch 配置 TaoToken)
发布时间:2026/10/12 14:29:46 锦皓数字建站
`)
1. 为什么要在 VS code 里用 Claude Code终端恐惧者的真实困境Claude Code 是 Anthropic 推出的命令行 AI 编程助手能读写你本地的文件、执行命令、生成完整项目。但它的原生形态是终端里的claude命令对不习惯命令行的人非常不友好——你要记参数、看纯文本输出、手动复制粘贴代码。我身边不少做数据分析、运营、产品的人想用它写点小工具结果卡在打开终端就发怵这一步。VS code 里的 Claude Code 插件解决了这个问题它把对话界面嵌进编辑器侧边栏鼠标点一下就能发消息AI 改的文件直接在编辑器里高亮显示点接受就写入磁盘。这跟你在网页上和 DeepSeek 聊天几乎一样区别是它能直接动你的项目文件。这篇教程面向 Windows 和 macOS 用户从零开始走完整条链路装 Node.js、装 Git、装 CC Switch、装 VS code、装 Claude Code 插件最后用 CC Switch 把请求接到 TaoToken 的统一 API 通道上。全程鼠标可点击终端命令只用来验证环境。装完之后你会得到一个能对话、能改代码、能建项目的编辑器内 AI 助手。需要提前说清楚Claude Code 本身是客户端工具它需要一个模型 API 来驱动。官方 Anthropic API 对国内用户有支付和网络门槛所以这里用 TaoToken 作为统一接入层——它提供兼容 Anthropic 协议的 API 端点你拿一个 Key 就能在 CC Switch 里配置不用改 Claude Code 的源码。下面每一步都有可复制的配置片段和验证命令。2. 前置环境Node.js 与 Git 的安装和验证Claude Code 插件依赖 Node.js 运行时Git 用于版本管理和部分插件的依赖拉取。这两个不装好后面插件会报command not found或spawn git ENOENT。2.1 安装 Node.js 并验证版本打开 Node.js 官网nodejs.org下载 LTS 版本。Windows 用户选.msi安装包macOS 用户选.pkg。安装路径建议改到 D 盘或非系统盘避免 C 盘空间被 npm 全局包占满。安装时保持默认选项一路下一步即可。装完后验证node -v npm -v正常输出类似v20.11.0和10.2.4。如果提示不是内部或外部命令说明安装时没勾选Add to PATH重新运行安装包修复即可。macOS 用户如果用 Homebrew也可以直接brew install nodeNode.js 版本建议 18 以上Claude Code 插件对低版本 Node 会报Unsupported engine错误。2.2 安装 Git 并设置默认分支Git 官网git-scm.com下载对应系统安装包。Windows 安装过程中有一个关键选项调整新存储库的初始分支名称。默认是master建议选第二个选项覆盖为main因为 GitHub 新建仓库默认就是main统一后避免推送时分支名不一致。其余选项保持默认。装完验证git --version输出git version 2.43.0之类即可。再配置一下用户信息否则首次提交会报错git config --global user.name 你的名字 git config --global user.email 你的邮箱macOS 用户如果系统自带 Git可以用brew install git装新版本覆盖。2.3 安装 CC SwitchCC Switch 是一个开源的 Claude Code 配置切换工具GitHub 仓库farion1231/cc-switch。它的作用是管理多套 API 配置让你在不同模型供应商之间一键切换不用手动改settings.json。到 Releases 页面下载最新版Windows 选.msimacOS 选.dmg。安装路径同样建议非系统盘。装完打开界面右上角有添加按钮后面配置 TaoToken 时用。CC Switch 的核心价值在于Claude Code 默认只认 Anthropic 官方端点通过 CC Switch 写入配置后它会读取你指定的 Base URL 和 Key把请求转发到 TaoToken 的兼容端点。这样你不需要改 Claude Code 的任何代码。3. 可复制配置CC Switch 接入 TaoToken 与 settings.json这一节是整篇的核心。配置写错一个字符后面就会报 401 或连接失败。3.1 获取 TaoToken API Key打开 TaoToken 官网https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_mediumcsdnutm_campaignrewriteutm_content注册后在控制台创建 API Key。路径是登录后进入 Console → API Keys → 创建新 Key。复制生成的 Key格式类似sk-xxxxxxxx。TaoToken 的 API 端点是https://taotoken.net/api这个地址兼容 Anthropic 的 Messages API 协议Claude Code 可以直接对接。3.2 在 CC Switch 中添加配置打开 CC Switch点右上角添加填写以下字段字段填写内容名称TaoToken-ClaudeBase URLhttps://taotoken.net/apiAPI Key你复制的 sk- 开头 KeyModelclaude-sonnet-4-20250514Model ID 必须写完整不能只写claude-sonnet。TaoToken 支持的模型列表可以在官网文档页查看。填完点添加然后在主界面选中这条配置点应用。CC Switch 会把配置写入 Claude Code 的settings.json。Windows 路径是C:\Users\你的用户名\.claude\settings.jsonmacOS 是~/.claude/settings.json。3.3 手动核对 settings.json如果 CC Switch 写入后不生效可以手动检查这个文件。完整内容应该是{ env: { ANTHROPIC_BASE_URL: https://taotoken.net/api, ANTHROPIC_API_KEY: sk-你的实际Key, ANTHROPIC_MODEL: claude-sonnet-4-20250514 }, permissions: { allow: [], deny: [] } }三个环境变量缺一不可ANTHROPIC_BASE_URL指向 TaoToken 端点ANTHROPIC_API_KEY是你的 KeyANTHROPIC_MODEL指定模型 ID。注意 JSON 里不能有注释末尾不能有多余逗号否则 Claude Code 启动时会报Failed to parse settings。macOS 用户如果同时装了官方 Claude Code CLI注意~/.claude/settings.json是全局配置会同时影响 CLI 和 VS code 插件。3.4 安装 VS code 与 Claude Code 插件VS code 官网code.visualstudio.com下载安装路径同样建议非系统盘。装完打开如果界面是英文按CtrlShiftX打开扩展面板搜索 Chinese 安装中文语言包重启后变中文。然后搜索 Claude Code认准发布者是 Anthropic 的官方插件。看下载量也能分辨——官方插件下载量在百万级第三方仿冒的通常只有几千。点安装。安装完成后VS code 右上角会出现 Claude Code 的图标。点开侧边栏如果配置正确它会直接进入对话界面不会弹出登录提示。如果弹出登录说明settings.json没被读取到检查文件路径和 JSON 格式。4. 验证请求终端命令与 VS code 内点击交互配置写完必须验证否则你不知道是 Key 错了还是网络不通。4.1 终端验证 API 连通性先用 curl 直接测 TaoToken 端点排除 Claude Code 本身的干扰curl -X POST https://taotoken.net/api/v1/messages \ -H Content-Type: application/json \ -H x-api-key: sk-你的实际Key \ -H anthropic-version: 2023-06-01 \ -d { model: claude-sonnet-4-20250514, max_tokens: 100, messages: [{role: user, content: 回复OK两个字}] }如果返回 JSON 里包含content: [{type: text, text: OK}]说明 Key 和端点都正常。如果返回401是 Key 错了返回404是 Base URL 路径不对注意/api后面要跟/v1/messages。4.2 VS code 内点击交互验证打开 VS code按CtrlShiftP调出命令面板输入 Claude Code选择 Open Claude Code。侧边栏出现对话界面后在输入框里打一句你好帮我创建一个 hello.py 文件。正常情况它会回复一段文字并弹出文件创建确认。你点接受左侧文件树里就会出现hello.py。这个过程验证了三件事API 通了、插件读到了配置、文件写入权限正常。再试一个交互动作在编辑器里打开任意代码文件选中几行右键菜单里会有 Claude Code: Explain 或类似选项点一下侧边栏会自动填入选中的代码并请求解释。这就是鼠标可点击交互的核心体验——不用敲命令选中即问。4.3 验证模型 ID 是否生效在对话里问你是什么模型它可能会回答 Claude。但更可靠的验证是看 CC Switch 里配置的 Model ID 和实际请求是否一致。如果 TaoToken 后台有请求日志去日志页看 model 字段确认是claude-sonnet-4-20250514而不是默认模型。如果模型 ID 写错API 会返回model not found或invalid model。这时候回 CC Switch 改配置重新应用然后重启 VS code。5. 常见报错排查401、local proxy failed 与 OAuth 问题这一节列出实际会撞到的错误和对应解法。5.1 401 Unauthorized最常见。原因有三个Key 复制时带了空格、Key 已过期、Key 没有对应模型的权限。先检查settings.json里的ANTHROPIC_API_KEY值确保没有首尾空格。然后去 TaoToken 控制台确认 Key 状态是启用。如果 Key 没问题检查账户余额——余额为 0 时部分端点会返回 401 而不是 402。5.2 local proxy failed 或 ECONNREFUSED这个报错说明 Claude Code 尝试连接一个本地代理但失败了。通常是因为之前配置过其他工具在系统环境变量里留了HTTP_PROXY或HTTPS_PROXY。检查系统环境变量把这两个删掉或者在settings.json的env里显式覆盖{ env: { ANTHROPIC_BASE_URL: https://taotoken.net/api, ANTHROPIC_API_KEY: sk-你的Key, ANTHROPIC_MODEL: claude-sonnet-4-20250514, HTTP_PROXY: , HTTPS_PROXY: } }空字符串会覆盖系统级代理设置。5.3 reading choices 报错这个错误通常出现在插件尝试解析 API 返回的流式响应时。原因是 Base URL 末尾多了斜杠或者路径写成了/api/而不是/api。Claude Code 会拼接/v1/messages如果 Base URL 是https://taotoken.net/api/拼出来就是https://taotoken.net/api//v1/messages双斜杠导致 404插件解析失败报 reading choices。解法Base URL 严格写https://taotoken.net/api不带末尾斜杠。5.4 OAuth 登录循环如果 VS code 插件反复弹出登录 Anthropic 账号的窗口说明它没读到settings.json里的ANTHROPIC_API_KEY。检查文件路径是否正确Windows 是C:\Users\用户名\.claude\settings.json注意.claude是隐藏文件夹需要在文件资源管理器里开启显示隐藏文件。macOS 是~/.claude/settings.json在终端里ls -la ~/.claude/确认文件存在。如果文件存在但插件仍要登录可能是插件版本和 Claude Code CLI 版本不匹配。在 VS code 扩展面板里把 Claude Code 插件更新到最新版同时用npm install -g anthropic-ai/claude-code更新 CLI。5.5 配置三件套核对清单无论报什么错先核对这三项Base URLhttps://taotoken.net/api无末尾斜杠API Keysk-开头无空格账户有余额Model ID完整模型名如claude-sonnet-4-20250514这三项在 CC Switch 里改完必须点应用然后完全退出 VS code 再重开配置才会重新加载。6. 把 Claude Code 用起来接入文档与模型对话入口配置跑通后日常使用就是打开 VS code、点侧边栏图标、输入需求。它能做的事包括读取当前项目所有文件、根据自然语言生成新文件、修改选中代码、执行终端命令需要你确认、解释报错信息。如果你在排障阶段卡住最直接的资源是 TaoToken 的接入文档里面有各语言的调用示例和错误码说明https://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_mediumcsdnutm_campaignrewriteutm_content 可以管理你的 Key 和查看用量。想先验证模型对话效果、不急着配编辑器的话可以直接用网页版对话入口https://taotoken.net/chat?utm_sourcetaotoken_aicg_blog_endutm_mediumcsdnutm_campaignrewriteutm_content 发几条消息确认 Key 和模型都正常再回到 VS code 配置。如果你打算长期用 Claude Code 做项目开发、跑 Agent 任务Coding Plan 比按量计费更划算具体方案在https://taotoken.net/coding-plan?utm_sourcetaotoken_aicg_blog_endutm_mediumcsdnutm_campaignrewriteutm_content最后说一个实际经验CC Switch 里可以存多套配置比如一套 TaoToken 的 Claude、一套其他模型的。切换时点一下应用然后重启 VS code 就生效。不要同时应用两套settings.json会被最后写入的覆盖。配置改完后如果插件行为异常第一件事是看~/.claude/settings.json的实际内容而不是猜。
锦
锦皓数字建站
深耕本土企业品牌数字化升级,专注原创端正雅致商务官网,从视觉设计到稳定运维全程保驾护航。