Claude Code for VS Code 插件使用教程

Claude Code for VS Code 插件使用教程
Claude Code for VS Code 插件使用教
Claude Code for VS Code 插件使用教程
1、安装插件
2、首次使用
3、自定义 API 配置
Claude Code 在 2.0 的更新后，也推出了VS Code扩展版本。相比较于 CLI 的体验，扩展版本提供了可视化的 GUI 面板，对不喜欢使用终端的同学会更友好。

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

 

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

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

 

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

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

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

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

{
“primaryApiKey”:”self”
}
运行项目并下载源码
bash
1
2
3
回到 VS Code 扩展商店中，打开 Claude Code 插件设置，然后跳转到 JSON 配置文件的编辑页面。

 

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

“claude-code.environmentVariables”: [
{
“name”: “ANTHROPIC_AUTH_TOKEN”,
“value”: “在这里填入 SK 密钥”
},
{
“name”: “ANTHROPIC_BASE_URL”,
“value”: “https://******”
}
],
运行项目并下载源码
bash

1
2
3
4
5
6
7
8
9
10

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

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

 

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

https://blog.csdn.net/MemoryOY/article/details/153405551