Claude Code for VS Code 教程

Claude Code 在 2.0 的更新后，也推出了VS Code扩展版本。相比较于 CLI 的体验，扩展版本提供了可视化的 GUI 面板，对不喜欢使用终端的同学会更友好。

通过在 VSCode/Cursor/Qoder 的扩展市场中，搜索 Claude Code ，找到 Claude Code for VS Code这款插件，注意提供商为 Anthropic 才是官方版本。

点击下载安装按钮后，在弹出的信息提示里选择信任，就能完成下载。

跟旧版本的插件一致，安装后在编辑区域就可以打开 Claude Code 对话面板。

相比较于例如 Cursor/Codex/Copilot 等 AI 工具选择用侧边栏作为聊天区域。
Claude Code VSC 采用的是编辑区视图。这点相比较于其他常见的 AI 面板，可视区域会更大，内容也会更多。

第一次打开插件，会提示登录以使用官方服务。这里如果你开通了官方服务，可以直接去登录。
同样你也可以通过接入我们的中转API进行使用

首先要创建config.json文件，具体路径可以参考下面的内容。
• Mac ~/.claude/config.json
• Windows C:\Users\Administrator.claude\config.json

文件创建后，写入以下内容直接保存即可：

回到 VS Code 扩展商店中，打开 Claude Code 插件设置，然后跳转到 JSON 配置文件的编辑页面。

将下面的API配置信息添加到环境变量配置文件中。其中将ANTHROPIC_AUTH_TOKEN 替换为你的API令牌

上方代码插入位置如图所示，根据自己的 VS Code 配置文件相应插入即可

修改完成后，再次打开 Claude Code 插件，就可以正常开始使用了。

点击对话框这个/图标，功能全出来了。新建对话、加文件、换模型、设MCP，还有一堆内置命令：

历史对话也好找，不用翻半天，直接点击这个箭头：

此外 Claude Code 插件设置中还支持切换其他第三方模型，启用绕过权限模式，这样 Claude Code 就自动执行各项操作就不会再弹窗让你确认:

Claude Code for VS Code 教程#