吐鲁番市网站建设_网站建设公司_图标设计_seo优化
2025/12/20 16:54:22 网站建设 项目流程

文章目录

  • 0. 先讲清楚:Claude Code 和 GLM-4.6 是什么
  • 1. 你需要准备什么
    • 1.1 你需要的软件/账号
    • 1.2 你会用到的几个“新词”解释
  • 2. 第一步:安装 Node.js(Claude Code 必备)
    • 2.1 Windows 安装(最简单方式)
    • 2.2 macOS 安装(两种方式,选一种)
    • 2.3 Linux 安装(给能看懂命令的同学)
  • 3. 第二步:安装 Claude Code(终端里的 Claude 编程助手)
    • 3.1 一条命令安装
    • 3.2 验证安装成功
    • 3.3 先不要启动!
  • 4. 第三步:开通 GLM-4.6 包月 Coding + 获取 API Key(智谱 BigModel)
    • 4.1 去哪里开通?
    • 4.2 一般流程(界面可能会更新,但思路不变)
  • 5. 第四步:claude code配置glm的api
  • 6. 第五步:启动claude code
  • 7. 快速上手
  • 参考文献

🍃作者介绍:25届双非本科网络工程专业,阿里云专家博主,深耕 AI 原理 / 应用开发 / 产品设计。前几年深耕Java技术体系,现专注把 AI 能力落地到实际产品与业务场景。
🦅个人主页:@逐梦苍穹
✈ 您的一键三连,是我创作的最大动力🌹

适合人群:第一次装 Node.js、第一次用命令行、第一次用大模型 API 的纯小白
写作目标:把“环境 → 安装 → 配置 → 验证 → 排错”全讲清楚,照做就能跑起来

0. 先讲清楚:Claude Code 和 GLM-4.6 是什么

  • Claude Code:Anthropic 官方出的“终端里的 AI 编程助手”,通过自然语言理解你的代码库、执行例行任务、协助写代码/改代码。
    • 官方文档:https://code.claude.com/docs/en/overview
    • 安装方式:用npm全局安装(所以需要 Node.js 环境)
  • GLM-4.6:智谱 BigModel(open.bigmodel.cn)提供的大模型之一,你可以购买“包月/资源包(Coding 套餐)”来获得更低成本的 API 调用额度。
    • API 基地址(官方):https://open.bigmodel.cn/api/paas/v4
    • Chat Completions 接口:POST /chat/completions

Claude Code官方支持的接入方式(按官方文档)主要是:

  • Claude Console(Anthropic 控制台 OAuth,需开通计费)
  • Claude App(Pro/Max 订阅)

1. 你需要准备什么

1.1 你需要的软件/账号

  1. 一台电脑(Windows / macOS / Linux 都可以)
  2. 一个终端:
    • Windows:PowerShell(推荐)或 Windows Terminal
    • macOS:Terminal(终端)
    • Linux:系统自带终端
  3. Node.js(18+):用来安装/运行 Claude Code(因为它是一个 npm 包)
  4. (可选但强烈建议)Git:很多 AI 编程助手会使用 Git 来展示改动、回滚、对比
  5. 智谱 BigModel 账号:用于购买/使用 GLM-4.6 包月 Coding,并创建 API Key

1.2 你会用到的几个“新词”解释

  • Node.js:让你可以在电脑上运行 JavaScript 的运行时环境(不在浏览器里也能跑 JS)。
  • npm:Node.js 自带的“软件商店/安装器”,用来安装像 Claude Code 这样的工具。
  • 环境变量:系统里的一种“全局小纸条”,常用来保存 API Key 这类敏感配置,避免写死在代码里。

2. 第一步:安装 Node.js(Claude Code 必备)

官方要求 Node.js 18+。新手建议装LTS(长期支持版),更稳定。

2.1 Windows 安装(最简单方式)

  1. 打开 Node.js 官网下载页:https://nodejs.org/
  2. 下载LTS版本(不要选 Current,除非你知道自己在干什么)
  3. 双击安装包,一路 Next
  4. 安装过程中注意两件事:
    • 勾选Add to PATH(通常默认勾选)
    • npm 会自动一起安装(默认)

验证是否安装成功:

打开 PowerShell,执行:

node-v npm-v

你应该能看到类似输出(版本号不同没关系):

v20.x.x 10.x.x

如图:

2.2 macOS 安装(两种方式,选一种)

方式 A:官网 pkg 安装(最适合小白)

  1. 打开:https://nodejs.org/
  2. 下载 macOS 的 LTS 安装包(.pkg
  3. 双击安装,完成后打开终端验证:
node -vnpm-v

方式 B:Homebrew 安装(适合愿意折腾一点的同学)

前提:你已经装好了 Homebrew。没装过就先用方式 A。

brewinstallnode node -vnpm-v

2.3 Linux 安装(给能看懂命令的同学)

不同发行版装法不同,这里给一个通用建议:优先用官方/成熟的版本管理工具(如 nvm),避免系统源太旧。


3. 第二步:安装 Claude Code(终端里的 Claude 编程助手)

3.1 一条命令安装

正常的命令是:

npminstall-g @anthropic-ai/claude-code

但是我们这里需要安装1开头版本的,因为最新版强制需要使用claude的账号登陆,我们需要接入glm的api所以先安装旧版本,再升级:

npminstall-g @anthropic-ai/claude-code@1.0.17

解释:

  • install:安装
  • -g:全局安装(安装后你在任何目录都能用claude命令)
  • @anthropic-ai/claude-code:官方包名(来自 Anthropic)

3.2 验证安装成功

claude --version

如果能输出版本号,说明安装成功。

3.3 先不要启动!

需要先配置好GLM相关,再去启动。往下继续


4. 第三步:开通 GLM-4.6 包月 Coding + 获取 API Key(智谱 BigModel)

你要用 GLM 的 API,就必须有API Key。它相当于“门禁卡”,谁拿到谁就能花你的额度。

4.1 去哪里开通?

  • 智谱 BigModel 控制台:https://open.bigmodel.cn/

4.2 一般流程(界面可能会更新,但思路不变)

  1. 注册/登录 BigModel
  2. 进入API Keys(或“密钥管理”)页面
  3. 点击创建新的 API Key
  4. 复制并保存好 API Key(通常长得像xxx.yyy,中间有个点)
  5. 去“资源包/套餐/计费”里购买GLM-4.6(Coding)包月

点击“特惠专区”,再点击“coding套餐”:

注意是点击套餐,而不是下面的“资源包“:

资源包是有限token有限期限,“量大管饱”的是coding套餐。

新手建议lite套餐足矣。

去获取属于自己的api key,保存下来,后续要用:


5. 第四步:claude code配置glm的api

找到 Claude Code 的配置文件(通常在 ~/.claude/settings.json,Windows 在 C:\Users<用户名>.claude\settings.json),如果没有则自己创建。
加入以下内容:

{ "env": { "ANTHROPIC_AUTH_TOKEN": "yourkey here", "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic", "ANTHROPIC_MODEL": "glm-4.6", "ANTHROPIC_SMALL_FAST_MODEL": "glm-4.6" } }

6. 第五步:启动claude code

此时就可以启动了:

可以看到不需要强制登陆了,选择接受使用api。

此时的版本是1.0版本:

下面升级版本:

npminstall-g @anthropic-ai/claude-code@latest

看到类似这样的输出就是可以了:

可以看到是2.0版本了:

7. 快速上手

新手最常用的 3 个用法(先跑通再进阶)
claude里,你可以直接用中文提需求,例如:

  1. 让它先读代码再解释:
    • “先通读这个项目,告诉我它的目录结构和入口在哪里”
  2. 让它实现一个小功能:
    • “给我写一个Hello接口,返回 JSON,并补一个最简单的测试”
  3. 让它帮你排错:
    • “我运行时报这个错误(贴日志),你先定位原因,再给修复步骤”

稍微进阶:给claude code装上浏览器工具,让它得到操作浏览器的能力:安装 chrome-devtools mcp
命令:

claude mcpaddchrome-devtools npx chrome-devtools-mcp@latest --scope user


看到连接成功就可以了。
人是怎么操作浏览器的,它就可以怎么操作浏览器,内置了一系列操作的tools:

参考文献

  • Claude Code 文档:https://code.claude.com/docs/en/overview
  • Claude Code 安装与 Setup:https://code.claude.com/docs/en/setup
  • Claude Code Settings / 环境变量:https://code.claude.com/docs/en/settings
  • 智谱 BigModel:https://open.bigmodel.cn/
  • GLM API Base:https://open.bigmodel.cn/api/paas/v4
  • Aider(OpenAI compatible APIs):https://aider.chat/docs/llms/openai-compat.html

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询