Claude Code 保姆级教程：手把手教你白嫖最强AI编程助手

Claude Code 保姆级教程：手把手教你白嫖最强AI编程助手

1. 安装 VSCode

推荐使用 VSCode 和 Cursor 这类编程软件，本次使用 VSCode 演示。

VSCode 下载官方链接：https://code.visualstudio.com/

下载好了后，打开 VSCode，新建一个文件，随便起一个名字，并导入到 VSCode 里面（直接拖入，或者在文件里面选择导入）。

2. 安装 Node.js

以前的教程：【保姆级】前端使用 Node.js 基础教程 https://blog.csdn.net/weixin_48998573/article/details/136850499

本文就不过多赘述了。

3. 开始安装 Claude Code

Claude Code 官网：https://claude.com/product/claude-code

可以选择自己用的软件的包：

点击直接下载到 VSCode 里面，或者用命令行：

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

本次使用命令行展示：打开 VSCode 的终端，把这个命令直接输入回车即可。

然后在终端输入 claude，显示这个页面就是安装成功了：

安装好了后，可以点击页面上的火花打开 Claude Code 页面：

安装完成：

4.如何连接API密钥

可以选择主动触发：

/login

3种登录方式：

Claude.ai 订阅

使用你的 Claude Pro、Team 或 Enterprise 订阅

Anthropic Console

通过 Console 账户按 API 用量付费

Bedrock、Foundry 或 Vertex

关于如何使用 API 密钥或第三方提供商的说明

按需登录，或者也可以选择直接修改Claude Code 的配置文件。在 Windows 用户目录下（通常是 C:\Users\你的用户名\）找到或创建一个名为 .claude 的文件夹。在该文件夹内，创建一个名为 settings.json 的文件

将以下内容粘贴到 settings.json 文件中，并替换占位符。

    {
      "env": {
        "ANTHROPIC_AUTH_TOKEN": "sk-你的API密钥", 
        "ANTHROPIC_BASE_URL": "https://api.deepseek.com/anthropic", 
        "ANTHROPIC_MODEL": "deepseek-chat", 
        "ANTHROPIC_DEFAULT_SONNET_MODEL": "deepseek-chat",
        "ANTHROPIC_DEFAULT_HAIKU_MODEL": "deepseek-chat",
        "ANTHROPIC_DEFAULT_OPUS_MODEL": "deepseek-reasoner" 
      }
    }

• ANTHROPIC_AUTH_TOKEN：替换为你在第一步获取的 API Key。
• ANTHROPIC_BASE_URL：这是最关键的一步。请替换为你所使用的服务商提供的 Anthropic 兼容接口地址。例如，上例中使用的是 DeepSeek 的地址 https://api.deepseek.com/anthropic 。如果使用智谱，则地址应为 https://open.bigmodel.cn/api/anthropic 。
• 模型配置：你需要根据所选服务商支持的模型名称来修改 ANTHROPIC_MODEL 等字段。DeepSeek 常用的模型有 deepseek-chat 和 deepseek-reasoner 。

直接使用

登录成功后就可以直接使用啦！

输入你想实现的内容

运行好了后会询问你是否满意，满意直接选择yes即可。

您好，我是肥晨。

欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。