Claude Code 入门实战:从安装配置到真实项目落地

0 阅读4分钟

一、Claude Code 简介

Claude CodeAnthropic 推出的面向开发者的 AI 编程协作工具,与在聊天窗口里写几段代码不同,Claude Code 的核心目标是理解你的整个项目,并参与到真实的编码、修改和重构过程中。

Claude Code 不是一个代码生成器,而是一个能读项目、懂上下文、遵守约束的 AI 编程搭档。 简单说:Claude Code 是 Claude 的命令行版本,专门为编程场景设计。它不是网页里的聊天框,而是直接在你的终端(Terminal)里运行,可以:

  • 读取你整个项目的代码
  • 理解文件之间的关系
  • 直接修改代码文件
  • 执行你的指令并给出建议

二、Claude Code 和其他 AI 编程工具有什么区别?

你可能还听说ChatGPT、Cursor、GitHub Copilot,它们和 Claude Code 有什么不同?

Claude Code vs Cursor / Copilot

维度Cursor / CopilotClaude Code
工作方式编辑器内自动补全命令行对话式
适合场景写代码时实时提示理解、重构、架构级修改
学习成本低,开箱即用中,需要学习指令过 ChatGPT、Cursor、GitHub Copilot,它们和 Claude Code 有什么不同?

三、安装与配置Claude Code

3.1 准备工作

必须工具:

工具用途安装地址
Node.js运行环境(v18.0 或更高版本)。nodejs.org/en/download…
GitWindows上使用Claude code 需要安装gitgit-scm.com/install/win…
API Key模型服务阿里Qwen/月之暗面k2/智普GLM等

3.2 使用npm安装Claude Code

(1)macOS

npm install -g @anthropic-ai/claude-code

下载完成 image.png 终端执行

claude -v

安装成功 image.png

(2)Windows

在 Windows 上使用 Claude Code,需要安装 WSL 或 Git for Windows,然后在 WSL 或 Git Bash 中执行以下命令

// 全局安装
npm install -g @anthropic-ai/claude-code

// 查看安装版本号
claude -v

如果出现访问不到claude的情况,需要全局配置下环境变量

(3) VS Code中安装使用

image.png 注意:Claude Code for VS Code插件配置中的Select Model需要填入本地已经配置的模型

终端执行

claude

报错提示: Unable to connect to Anthropic services

Failed to connect to api.anthropic.com: ERR_BAD_REQUEST image.png

编辑 ~/.claude.json 文件,将hasCompletedOnboarding 字段的值设置为 true并保存文件。

{
  "hasCompletedOnboarding": true
}

再次终端执行 claude,启动成功 image.png

3.3 配置模型

Claude 在国内用,API 其实不是很友好,除了 Claude 官方的模型,我能用其他 AI 模型吗?

常用国内模型配置示例:

厂商/品牌简介API 申请入口(点击即达)
阿里百炼(通义千问)阿里云大模型统一入口,支持 qwen-max、qwen-turbo 等bailian.console.aliyun.com
GLM(智谱清言)清华系 ChatGLM 系列,支持 GLM-4、GLM-3-Turbo 等open.bigmodel.cn
MiniMax国产多模态,支持文本、语音、图像混合调用platform.minimaxi.com

进入对应控制台后,注册/登录 → 完成实名认证 → 创建 API Key 即可开始调用。

(1)手动配置

Windows

在 CMD 中运行以下命令,设置环境变量:

setx ANTHROPIC_AUTH_TOKEN "你的API Key"
setx ANTHROPIC_BASE_URL "模型API地址"
setx ANTHROPIC_MODEL "模型名称"

打开一个新的 CMD 窗口,运行以下命令,检查环境变量是否生效

echo %ANTHROPIC_AUTH_TOKEN%
echo %ANTHROPIC_BASE_URL%
echo %ANTHROPIC_MODEL%

macOS/Linux:

打开配置文件 ~/.claude/settings.json。 编辑配置文件:

vim ~/.claude/settings.json
{
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "你的API Key",
        "ANTHROPIC_BASE_URL": "模型API地址",
        "ANTHROPIC_MODEL": "模型名称"
    }
}

重新打开一个新的终端使环境变量配置生效。

(2)使用CC Switch

平台一多,配置起来就麻烦,我们可以使用第三方工具 CC Switch 可以帮我们轻松管理这几个热门工具的 API 配置: github.com/farion1231/…, Windows / macOS / Linux 全支持。CC Switch 是一个 Claude Code / Codex / Gemini CLI 的全方位辅助工具。

各个平台安装包下载地址:github.com/farion1231/…

image.png

完成安装:

image.png

还是比较推荐使用CC Switch来管理我们的模型的。

启动 Claude,可以看到使用模型的配置信息:

image.png

四、使用Claude Code实现一个ToDoList

(1)在vscode中的插件中,让Claude帮我们实现一个todolist的项目,技术栈采用react + ts,组件库使用antd-design image.png

此时它已经帮我们完成了这个需求 image.png

让它帮我们启动项目,最终实现的效果还是非常Nice的

image.png

五、最后:把 AI 真正变成开发流程的一部分

从实际使用体验来看,Claude Code 并不是那种“装上就立刻改变一切”的工具。 但当它:

  • 能理解你的项目结构
  • 能在本地直接读写代码
  • 能配合合适的模型长期使用

它更像是一个稳定、耐心、可协作的开发助手 ,这也是为什么我们团队中推广 Claude Code,而不是只停留在 Web 版 AI 或简单的补全插件上。

希望能帮你少踩一些坑,也能让你更快把 Claude Code 真正用进日常开发中。

参考链接: