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

前置条件

安装扩展

  1. 打开 VS Code
  2. 进入扩展市场(macOS: Cmd+Shift+X / Windows: Ctrl+Shift+X
  3. 搜索 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 设置

你也可以在 VS Code 的 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. 在对话框中输入你的编程需求
  3. Claude 会直接在你的项目中读取和编辑代码