Claude Code和VScode集成

Claude Code 是一款原生用于命令行（终端）的工具，虽然功能强大，但对于绝大多数非专业人士而言，命令行操作是很陌生的；

PS：专业人士其实也不喜欢，硬核归硬核，谁不想用的舒服、用的美观呢；

Claude Code 提供了 VSCode（Visual Studio Code）插件，可以让我们在 IDE（集成开发工具）的窗口内，利用 Claude Code 进行 Vibe Coding；

 

 

 

VIsual Studio Code（VSCode）安装

• 自行去官网下载：https://code.visualstudio.com
• Windows 系统选择：VSCodeUserSetup-x64-1.124.2.exe
• Mac 系统选择：VSCode-darwin-universal.dmg

 

Windows 系统安装

1. 打开安装包
2. 同意协议点击下一步
3. 
4. 
5. 
6. 
7. 

 

 

Mac 系统安装

1. 找到安装包，双击打开
2. 

3. 如下图，等待进度条完成

4. 然后在应用程序中找到 Visual Studio Code 即可打开

 

 

 

 

 

启动 VSCode

此操作 Windows Mac 一致，以 Windows 为例

1. 打开 VSCode 后
2. 
3. 
4. 

 

 

 

修改 VSCode 为中文版

此操作 Windows 和 Mac 系统一致，以 Windows 系统为例

1. 在插件市场搜索 chinese，点击 install安装

 

2. 如下图，安装后点击 Change Language and Restart，软件会自动重启，即完成中文汉化操作；

 

 

 

VSCode 集成 Claude Code

插件安装

在 VSCode 的插件市场中搜索 claude

 

 

 

找到插件 Claude Code For VS Code由 Anthropic公司发布，点击安装即可。

 

弹出提示，选择信任：

 

将 Claude Code 插件移动到右侧边栏：

 

 

 

 

 

测试

 

说明可以正常应用设置，集成到 DeepSeek（读取的之前配置的.claude/settings.json 文件）

 

 

显示

如果找不到 claude code的 UI，可以按快结局：ctrl + shift + p呼出命令面板，选择如下图所示的命令后，即可恢复 claude 的窗口。