把AI变成同事：VS Code接入Claude Code实践

Al1ex

发布于 2026-04-17 15:41:17

基本介绍

Claude Code是由Anthropic公司推出的面向开发者的智能编码助手，它不仅仅是一个简单的代码生成工具，更是一个具备记忆、工具调用、自主规划和环境感知能力的"智能代理"(Agentic AI)系统，Claude Code通过与本地开发环境深度集成后可以在不离开安全边界的前提下深入理解代码库、解释复杂架构、生成可视化图表并执行实际的代码修改任务

系统要求

在安装Claude Code之前需要确保电脑系统满足以下要求：

#操作系统：
Windows: Windows 10或更高版本，64位
macOS: macOS 10.15(Catalina)或更高版本
Linux: Ubuntu 18.04或更高版本/其他兼容的Linux发行版

#硬件要求：
CPU: 至少4核处理器
内存: 至少8GB RAM（推荐16GB或更高）
磁盘空间: 至少1GB可用空间

安装配置

NodeJS安装

在安装Claude Code之前我们需要安装NodeJS，具体流程如下：

Step 1：首先访问Node.js官方网站下载对应操作系统的LTS(长期支持)版本

https://nodejs.org/

Step 2：运行安装程序，按照提示完成安装

Step 3：打开终端验证Node.js和npm版本

node -v
npm -v

Step 4：环境变量配置

随后我们需要更改一下NodeJS使用过程中的缓存路径

# 创建目录（示例路径：E:\Environment\NodeJS）
mkdir node_global node_cache

# 配置路径
npm config set prefix "E:\Environment\NodeJS\node_global"
npm config set cache  "E:\Environment\NodeJS\node_cache"

环境变量Path追加下面的内容：

E:\Environment\NodeJS\node_global
E:\Environment\NodeJS\node_cache

Step 5：全局加速

国内用户建议配置淘宝镜像：

# 配置方式
npm config set registry https://registry.npmmirror.com

# 验证方式
npm config get registry

查看配置汇总信息：

npm config list

Claude安装

随后我们安装Claude Code

npm install -g @anthropic-ai/claude-code  --registry=https://registry.npmmirror.com

验证是否成功安装

claude --version

Git环境安装

在上面我们安装完Claude并执行"claude"命令进入Claude时会提示如下错误信息，此时我们需要通过安装Git环境来解决

Step 1：首先访问Git官方网站下载适合的版本安装包

https://git-scm.com/

Step 2：安装Git

Step 3：Git安装验证

git -version

随后我们再次执行"claude"命令即可进入到Claude Code，但是我们又遇到了下面的一个新的问题，这主要是由于Claude对国内使用有限制，在这里我们需要修改一下配置文件

在这里我们需要修改"C:\Users\RedTeam/.claude.json"文件，添加如下配置项：

"hasCompletedOnboarding":true

随后再次执行'claude'可以看到如下界面：

模型管理

CC-Switch是一个用于配置管理AI编程工具和切换模型的开源工具，主要用于在多个大模型API或供应商之间进行快速切换，常见于AI编码助手生态(例如：Claude Code、Codex、Gemini CLI等)，开发者通过CC-Switch可以在图形界面或命令行中统一管理API Key、模型地址(base URL)、模型名称以及相关配置并实现一键切换不同模型后端，而无需手动修改配置文件或环境变量

https://github.com/farion1231/cc-switch

下载适配系统的版本并下载执行安装

模型配置

下面我们以DeepSeek为例来演示具体的API申请和配置过程：

https://www.deepseek.com/

Step 1：API Key创建

随后选择"API Keys"来创建API

Step 2：API Key配置

随后我们选择CC-Switch中"+"号来添加大模型供应商

选择DeepSeek并添加API Key

Step 3：在Claude中使用大模型

claude
/model

随后我们选择对应的模型——DeepSeek-V3.2

我们提问它是什么模型，可以看到回答DeepSeek

可视化类

下面我们安装VS Code并将Claude Code接入其中实现本地可视化操作

Step 1：首先访问VS Code的官网并下载对应的版本

https://code.visualstudio.com/download

Step 2：安装VS Code

Step 3：随后我们在VS Code中安装Claude Code插件

Step 4：随后我们在VS Code中点击"Claude Code"的图标，此时可以看到这里有登录选项，由于我们本地已经通过CC-Switch进行了配置模型供应商，所以等一会儿过后就会直接跳过登录

随后提问目前是什么模型，可以看到回到的是DeepSeek模型：

简易使用

随后我们在桌面上创建一个文件夹MyFirtWeb并使用VS Code打开

随后我们使用Claude Code来进行开发——输入以下提示词

请帮我生成一个JAVA开发工程师的个人自我介绍主页，要求使用HTML格式（可包含简单 CSS）实现，整体设计为简约风格并具有科技感配色。页面布局清晰、现代，能够让访问者快速了解我，内容需要包含自我介绍板块（姓名、职业及简短介绍）、个人联系方式（如 Email、GitHub、微信等）以及二维码展示区域（用于放置个人二维码，可使用占位图片）。

随后开始编码创作：

随后我们在浏览器中访问Index.html页面

另外我们还可以再VS Code中的终端中使用Claude Code，第一次打开可能会报一下错误信息，这主要是由于Powershell的安全策略导致的，我们可以进行一个简单的配置更改即可

使用管理员权限打开Powershell，随后运行以下命令：

Set-ExecutionPolicy RemoteSigned

随后再次使用claude打开即可，此时我们可以通过命令行模式+ 图形化模式进行Claude Code的使用：

文末小结

本篇文章我们主要介绍如何在本地构建Claude Code的AI辅助编程开发环境的构建，其中包含了CLI命令行类型以及借助VS Code来实现图形化的辅助编程，同时对CC-Switch大模型管理进行了一个简单的介绍，通过此工具我们可以在多个大模型之间进行灵活切换，后续我们只需要按需选择我们使用的大模型并进行辅助开发即可，后续我们将会带来更多精彩内容，敬请期待~

推荐阅读