文章目录
- 前言
- 一、工具简介
-
- [1. Node.js](#1. Node.js)
- [2. CC-Switch](#2. CC-Switch)
- [3. Visual Studio Code (VS Code)](#3. Visual Studio Code (VS Code))
- [4. Claude Code](#4. Claude Code)
- 二、Node.js安装
- [三、CC-Swtich 安装](#三、CC-Swtich 安装)
- [三、VsCode 安装](#三、VsCode 安装)
- [四、Claude Code 安装](#四、Claude Code 安装)
- [五、接入国内模型（智谱 GLM）](#五、接入国内模型（智谱 GLM）)
前言
本文将手把手教你从零开始搭建完整的AI编程开发环境，涵盖Node.js、Claude Code、VS Code和CC-Switch四大核心工具。无论你是前端开发者、AI应用开发者，还是刚刚入门编程的新手，这套环境都能让你在AI辅助下更高效地编写代码。
本文环境为window11环境
一、工具简介
1. Node.js
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，让你能够在服务器端运行JavaScript代码。它包含了npm（Node Package Manager），是世界上最大的软件注册表，用于管理JavaScript包和依赖。
2. CC-Switch
CC-Switch是一个跨平台桌面应用，统一管理四大AI编程CLI的配置：Claude Code、Codex、Gemini CLI和OpenCode。它解决了模型和配置切换太麻烦的问题，让你可以在多个API提供商之间快速切换。
3. Visual Studio Code (VS Code)
VS Code是微软开发的免费、开源、跨平台的代码编辑器，支持语法高亮、代码自动补全、代码重构、查看定义功能，并且内置了命令行工具和Git版本控制系统。
4. Claude Code
Claude Code是Anthropic官方推出的CLI级智能体工具，定位不是聊天，而是在本地代码仓库中执行高权限、可上下文感知的工程任务。它能够直接读取整个项目目录，理解真实代码结构，执行多文件修改。
二、Node.js安装
下载地址：https://nodejs.org/en/download
然后一直点击下一步就ok
安装成功窗口
安装和使用 Node.js、npm 及相关工具时，经常会遇到 PowerShell 执行策略限制导致的权限问题。这个问题尤其在使用 npm 或运行脚本时出现，表现为无法执行脚本命令。
解决方式如下
- 步骤1：查看当前执行策略
输入以下命令，查看当前 PowerShell 的执行策略（默认可能是 Restricted，即禁止所有脚本）：
kotlin
# 查看当前策略
Get-ExecutionPolicy
# 可能的返回结果：
# - Restricted # 禁止运行所有脚本（默认值）
# - RemoteSigned # 本地脚本可运行，远程脚本需签名
# - AllSigned # 所有脚本都需要数字签名
# - Unrestricted # 运行所有脚本，但有警告
# - Bypass # 运行所有脚本，无警告- 步骤2、修改执行策略
kotlin
# 推荐设置：RemoteSigned（平衡安全性和便利性）
Set-ExecutionPolicy RemoteSigned
# 系统会提示确认，输入 Y 回车- 步骤3、验证修改
kotlin
# 确认策略已更改
Get-ExecutionPolicy
# 应该返回：RemoteSigned
# 测试 npm
npm --version三、CC-Swtich 安装
github地址： https://github.com/farion1231/cc-switch
下载地址 ：https://github.com/farion1231/cc-switch/releases
CC-Switch 是一个跨平台桌面应用，用于统一管理 Claude Code、Codex、Gemini CLI 和 OpenCode 的 API Provider、MCP 服务、Skills 扩展等配置。它解决了模型和配置切换太麻烦的问题，让你可以在多个 API 提供商之间快速切换。
双击 .msi文件，然后一直next，选择安装路径的时候修改一下就阔以了，这里不做赘述
三、VsCode 安装
官方网站：https://code.visualstudio.com/
过于简单 这里不做赘述
四、Claude Code 安装
执行命令行
kotlin
C:\Users\Test>npm install -g @anthropic-ai/claude-code
added 2 packages in 8s
1 package is looking for funding
run `npm fund` for details然后输入claude看到这个就表示安装成功了
由于Claude 终端界面过于单调，所以通常会和一些IDE配合使用
Claude Code 默认需要登录 Anthropic 账号才能使用，这对国内用户来说存在两个主要障碍：
地区限制 ：Anthropic 服务在国内访问受限
账号注册 ：需要国外手机号或特殊网络环境
解决方案：使用 CC-Switch 配置国内大模型的 API，完全绕过 Claude 官方登录要求。
五、接入国内模型（智谱 GLM）
以智谱AI为例：
智谱AI 开放平台：https://open.bigmodel.cn/
- 1、登录后进入 "控制台，右侧菜单选择 "API Keys"
- 2、点击添加新的API Key
- 3、给API Key命名
- 4、复制 Key（格式：xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx）
- 5、打开CC Switch，点击添加新的供应商
由于我们是GLM，所以我们选择"Zhipu GLM"
然后将刚刚复制的API KEY 复制到此
出现下图则添加完成
- 6、VSCode 集成 Claude Code
安装完成之后，界面就多了一个claudecode图标：
CCSwtich配置完成后，再打开claudecode 会直接跳过登录进行对话：
