前言

本文将手把手教你从零开始搭建完整的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,即禁止所有脚本):
# 查看当前策略
Get-ExecutionPolicy

# 可能的返回结果:
# - Restricted      # 禁止运行所有脚本(默认值)
# - RemoteSigned    # 本地脚本可运行,远程脚本需签名
# - AllSigned       # 所有脚本都需要数字签名
# - Unrestricted    # 运行所有脚本,但有警告
# - Bypass         # 运行所有脚本,无警告
  • 步骤2、修改执行策略
# 推荐设置:RemoteSigned(平衡安全性和便利性)
Set-ExecutionPolicy RemoteSigned

# 系统会提示确认,输入 Y 回车
  • 步骤3、验证修改
# 确认策略已更改
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 安装

执行命令行

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 会直接跳过登录进行对话:
在这里插入图片描述

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐