2026年一篇搞懂Claude Code for VSCode：安装、配置、使用全指南

科技前沿 • 2026-04-07 15:58 • 阅读 0

大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。

实际有三种登录方式，本质就是要通过认证你才能使用，点击选项卡会提示你跳转到对应的说明文档，如下图所示：

我们其实可以直接配置API KEY、BASE URL，比如接入神马中转API模型，点这个插件的设置（齿轮）进去，然后找到在 settings.json 中编辑点进去，如下图所示：

添加如下内容，保存 settings.json 后，先退出，再重新进入。

最后，测试在 VSCode 中成功使用 Claude Code 插件

安装后，您可以通过 VS Code 界面开始使用 Claude Code：

在整个 VS Code 中，Spark 图标表示 Claude Code：Spark 图标

打开 Claude 的最快方式是点击编辑器工具栏（编辑器右上角）中的 Spark 图标。该图标仅在您打开文件时出现。

打开 Claude Code 的其他方式：

命令面板：Cmd+Shift+P（Mac）或 Ctrl+Shift+P（Windows/Linux），输入”Claude Code”，然后选择一个选项，如”在新选项卡中打开”

状态栏：点击窗口右下角的 ✱ Claude Code。即使没有打开文件也可以使用。

您可以拖动 Claude 面板在 VS Code 中重新定位。

要求 Claude 帮助您处理代码或文件，无论是解释某些内容的工作原理、调试问题还是进行更改。

Claude 会自动看到您选择的文本。按 Option+K（Mac）/ Alt+K（Windows/Linux）也可以在您的提示中插入 @-提及引用（如 @file.ts#5-10）。

以下是询问文件中特定行的示例：

当 Claude 想要编辑文件时，它会显示原始内容和建议更改的并排比较，然后请求许可。您可以接受、拒绝或告诉 Claude 改为做什么。

VS Code 显示 Claude 建议更改的差异，带有权限提示，询问是否进行编辑

打开与多会话

@ 引用文件/文件夹（让它“读代码”）

权限模式（强烈建议你先用 Plan）

Slash 命令菜单（/）

终端模式（CLI 风格）

扩展设置 vs Claude Code 设置：别配错地方