随着 AI 辅助编程工具的兴起,开发体验正被彻底改变,Claude 作为一款强大的大语言模型,不仅能够理解上下文,还能给出贴合需求的代码和优化建议。
把 Claude 无缝接入到 VSCode 这样主流的编辑器中,就等于为开发过程装上了'智能外挂'。本篇文章将带你快速完成 VSCode 与 Claude Code 的配置,让你的开发效率实现质的飞跃。
准备工作
1、安装 VSCode
在开始配置之前,需要先把基本的环境准备好。首先要安装好 VSCode(最新版),建议提前更新到最新版本,以避免兼容性问题。
VSCode 下载地址:https://code.visualstudio.com/,点击链接下载安装即可。

2、Claude Code 账号
准备好一个 Claude Code 的账号,并获取对应的 API Key,这是 VSCode 与 Claude 通信的凭证。

在 VSCode 中配置 Claude Code
1、找到 Claude Code 插件
在 VSCode 的插件广场中搜索关键字 Claude Code 可以看到官方 Anthropic 公司提供的插件,点击 install 安装即可。


2、打开项目文件
点击 open folder 打开自己的项目文件

3、打开 Claude Code 的工作区域
点击右上角 Claude Code 图标,唤起 Claude Code 的工作区域。






