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. 点击 安装
Macshot Clipboard 79A44B21 1B79 4585 8778 1807261BC23C

​
配置

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

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

在终端执行：
# zsh（macOS 默认）
echo 'export ANTHROPIC_BASE_URL="https://teio.me"' >> ~/.zshrc
echo 'export ANTHROPIC_AUTH_TOKEN="你的密钥"' >> ~/.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": "你的密钥"
    }
  ]
}

​
使用

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

​
常见问题

如果两处都配置了，settings.json 中的 claudeCode.environmentVariables 会覆盖系统环境变量。建议只保留一种配置方式，避免混淆。
遇到其他问题？请参考 常见问题。