Skip to main content
Claude Code 提供了 VS Code 扩展，让你在编辑器内直接与 Claude 交互编程。

​
前置条件

​
安装扩展

  1. 打开 VS Code
  2. 进入扩展市场（macOS: Cmd+Shift+X / Windows: Ctrl+Shift+X）
  3. 搜索 anthropic.claude-code
  4. 点击 安装

​
配置

Claude Code VS Code 扩展读取系统环境变量，配置方式与 CLI 相同。

​
方式一：设置环境变量（推荐）

在终端执行：
# zsh（macOS 默认）
echo 'export ANTHROPIC_BASE_URL="https://teio.me"' >> ~/.zshrc
echo 'export ANTHROPIC_AUTH_TOKEN="sk-你的令牌"' >> ~/.zshrc
echo 'export CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC=1' >> ~/.zshrc
source ~/.zshrc
配置完成后需要完全退出并重新打开 VS Code。
macOS 用户如果从 Dock 启动 VS Code，可能读取不到环境变量。建议从终端执行 code 命令启动。

​
方式二：通过 VS Code 设置

在插件页，点击设置图标，再点击设置，如下图
Macshot Clipboard 90485306 2F03 46C5 9015 E1DCB1A7C25F
点击设置后，再点击在 settings.json 中编辑，如下图
Macshot Clipboard D7943F0B D8A4 4A77 BA1D 2D3674E371D6
把下面代码加到 settings.json 中 
{
  "claudeCode.environmentVariables": [
    {
      "name": "ANTHROPIC_BASE_URL",
      "value": "https://teio.me"
    },
    {
      "name": "ANTHROPIC_AUTH_TOKEN",
      "value": "sk-你的令牌"
    },
    {
      "name": "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC",
      "value": "1"
    }
  ]
}

​
使用

  1. 在 VS Code 侧边栏点击 Claude Code 图标
  2. 点击 +New seesion 开启新的对话窗口
  3. 在对话框中输入你的编程需求
  4. Claude 会直接在你的项目中读取和编辑代码
Macshot Clipboard 0E878341 7AE5 4185 937D 384784B91256

​
常见问题

  • 检查 ANTHROPIC_AUTH_TOKEN 是否设置正确，确保没有多余的空格或换行
  • 确认令牌属于 Claude 分组，而非其他分组
  • 在 Teio 控制台确认令牌未过期或被禁用
  • 如果是一直卡着不动，可在 Teio 控制台的「操练场」中，选定对应分组和模型手动测试一次，看看是否有正常返回；如果操练场也没有返回，通常说明是分组、模型或令牌本身存在问题
macOS 从 Dock 或 Spotlight 启动的应用不会加载 shell 配置文件中的环境变量。解决方法：
  • 从终端执行 code 命令启动 VS Code
  • 或改用方式二，在 VS Code 的 settings.json 中直接配置环境变量
如果两处都配置了，settings.json 中的 claudeCode.environmentVariables 会覆盖系统环境变量。建议只保留一种配置方式，避免混淆。
  • 确认扩展已安装并启用（非禁用状态）
  • 尝试重新加载窗口：Ctrl+Shift+P（macOS 为 Cmd+Shift+P）→ Developer: Reload Window
  • 检查 VS Code 版本是否满足扩展的最低要求
  • 确认网络可以正常访问 https://teio.me
  • 如果使用代理，在 VS Code 设置中检查 http.proxy 是否正确配置
  • 查看输出面板（Ctrl+Shift+U）中 Claude Code 频道的错误日志
  • 设置系统环境变量后必须完全关闭并重新打开 VS Code，仅重新加载窗口不够
  • 如果问题持续，建议改用方式二，在 settings.json 中直接配置