尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

ClaudeCode 安装及使用(保姆级 Vibe Coding 教学):用 nvm 管好 nodeJS 与 git 的 TaoToken 配置骨架

ClaudeCode 安装及使用(保姆级 Vibe Coding 教学):用 nvm 管好 nodeJS 与 git 的 TaoToken 配置骨架 1. 为什么 Vibe Coding 第一步不是装 ClaudeCode而是先管好 nodeJS 和 gitClaudeCode 是 Anthropic 推出的命令行 AI 编程智能体它能直接读写你项目里的文件、执行 shell 命令、跑测试、改 bug属于典型的 Vibe Coding 工具——你用自然语言描述意图它动手落地。适合谁适合已经会一点前端或后端、但不想在环境配置上反复折腾的开发者尤其是刚接触 AI 编程、准备在 Windows 或 macOS 上从零跑通一条链路的人。但很多人第一步就卡住直接npm install -g anthropic-ai/claude-code结果 node 版本太老报错或者装完发现项目被 AI 改乱了没法回滚。我试过最稳的顺序是先用 nvm 把 nodeJS 版本管起来再配好 git 做版本兜底最后才装 ClaudeCode 并接入 TaoToken 的统一 Key/API 通道。这样即使 AI 误删代码一条git checkout .就能救回来。这篇就按这个顺序走给出可复制的settings.json与config.toml骨架、TaoToken 的填写位置以及一条安装后验证命令目标是环境与配置一次跑通。全程不需要任何特殊网络手段国内网络按文中镜像配置即可。2. 前置准备nvm 管 nodeJS、git 做版本兜底、TaoToken 做统一通道2.1 用 nvm 安装并锁定 nodeJS 版本ClaudeCode 要求 node 版本大于等于 v18推荐 LTS。直接去官网下安装包也能用但后面想切版本就得卸载重装很麻烦。nvm 是 node 版本管理工具装一次之后nvm use随便切。Windows 用户去 nvm-windows 的 releases 页面下载nvm-setup.exe一路下一步。macOS 用户用 Homebrew 或官方脚本都行。装完必须重启终端否则命令不生效。# 查看 nvm 版本确认安装成功 nvm -v # 查看可安装的 node 版本列表 nvm list available # 安装最新 LTS 版本 nvm install --lts # 查看本机已安装的 node 版本 nvm list # 切换到指定版本示例 nvm use 20.11.0 # 设置默认版本新开终端自动生效 nvm alias default 20.11.0 # 验证 node 与 npm node -v npm -vnvm alias default这步别省否则每次新开终端都要手动nvm useClaudeCode 启动时找不到 node 就会报command not found。2.2 git 安装与最小配置git 在 AI 编程里不是可选项。AI 放开写权限后可能改错甚至删错文件git 就是你的后悔药。安装地址在 git-scm.comWindows 下载 exemacOS 用brew install git。# 验证安装 git --version # 配置全局用户名和邮箱用英文昵称即可 git config --global user.name Your Name git config --global user.email your.emailexample.com # 查看配置是否写入 git config --global --list项目里常用的几条命令建议先记牢git init # 项目根目录初始化仓库只做一次 git status # 看哪些文件被改了 git add . # 把所有改动加入暂存区 git commit -m 描述这次改了什么 # 提交一个版本 git log --oneline # 看提交历史 git checkout . # 丢弃工作区改动AI 改乱了就用它注意在让 ClaudeCode 大改代码之前先git commit一次。这样出问题能精确回滚到改动前而不是把整个项目重置。2.3 TaoToken 统一 Key/API 通道的定位ClaudeCode 装完后必须配置 API 才能用。TaoToken 在这里的角色是提供统一的 Key 和 API 通道你只需要在配置文件里填一次地址和 Key就能让 ClaudeCode 走通模型调用。官网入口在 https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_mediumcsdnutm_campaignrewriteutm_content API 端点是 https://taotoken.net/api 。需要提前拿到的东西一个 API Key。去控制台创建即可地址是 https://taotoken.net/console?utm_sourcetaotoken_aicg_blog_endutm_contentconsoleutm_campaignrewrite Key 管理页在 https://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentapi-keysutm_campaignrewrite 。接入文档在 https://taotoken.net/doc?utm_sourcetaotoken_aicg_blog_endutm_contentdocutm_campaignrewrite 遇到字段不确定时对照文档最稳。3. 可复制配置ClaudeCode 安装 settings.json config.toml 骨架3.1 安装 ClaudeCodenode 就绪后用 npm 全局安装npm install -g anthropic-ai/claude-code # 验证 claude --version如果下载慢或超时先切国内镜像再装npm config set registry https://registry.npmmirror.com npm install -g anthropic-ai/claude-code3.2 settings.json 骨架与 TaoToken 填写位置ClaudeCode 的全局配置在用户目录下的.claude/settings.json。Windows 一般在C:\Users\你的用户名\.claude\settings.jsonmacOS 在~/.claude/settings.json。没有这个文件就手动建。{ env: { ANTHROPIC_AUTH_TOKEN: sk-你的TaoToken密钥, ANTHROPIC_BASE_URL: https://taotoken.net/api, ANTHROPIC_MODEL: claude-sonnet-4-5, ANTHROPIC_DEFAULT_SONNET_MODEL: claude-sonnet-4-5, ANTHROPIC_DEFAULT_HAIKU_MODEL: claude-haiku-4-5, API_TIMEOUT_MS: 600000 }, permissions: { allow: [ Read, Write, Bash(npm *), Bash(git *), Bash(node *) ], deny: [ Bash(rm -rf *) ] }, includeCoAuthoredBy: false, model: sonnet }关键字段说明ANTHROPIC_AUTH_TOKEN填 TaoToken 的 KeyANTHROPIC_BASE_URL填https://taotoken.net/api注意这里不加任何查询参数ANTHROPIC_MODEL指定默认模型API_TIMEOUT_MS设大一点模型推理慢时不容易断。环境变量作用何时使用ANTHROPIC_AUTH_TOKEN第三方平台 API Key走 TaoToken 通道时ANTHROPIC_BASE_URL覆盖默认 API 端点走 TaoToken 通道时ANTHROPIC_MODEL默认模型名称持久指定默认模型ANTHROPIC_DEFAULT_SONNET_MODELsonnet 槽位映射自定义模型映射ANTHROPIC_DEFAULT_HAIKU_MODELhaiku 槽位映射轻量任务映射API_TIMEOUT_MS请求超时毫秒数网络慢或推理耗时长3.3 config.toml 骨架部分工具链或插件会读取config.toml放在同一.claude目录下即可。骨架如下# ~/.claude/config.toml [api] base_url https://taotoken.net/api auth_token sk-你的TaoToken密钥 timeout_ms 600000 [model] default claude-sonnet-4-5 sonnet claude-sonnet-4-5 haiku claude-haiku-4-5 [behavior] auto_compact_threshold 80 include_co_authored_by falsesettings.json和config.toml里的 Key、base_url 保持一致避免两处冲突导致请求打到错误端点。3.4 项目级配置与 CLAUDE.md全局配置影响所有项目项目级配置只影响当前项目路径是项目根目录下的.claude/settings.json。优先级上项目级覆盖全局级。更重要的是CLAUDE.md它是给 AI 看的项目说明书放在项目根目录。进入项目后运行claude输入/init会自动扫描项目生成初稿你再补充技术栈、启动命令、外部依赖。比如# CLAUDE.md ## 项目概述 Spring Boot 3 Vue 2 的检索系统后端端口 8080前端 npm run dev。 ## 常用命令 - 后端打包mvn clean package -DskipTests - 前端启动npm run dev ## 外部依赖 - MySQL 库名 demoroot/123456 - Redis localhost:6379 database 2再配一个.claudeignore把不需要 AI 关注的大目录排除node_modules/ dist/ *.log .env4. 验证请求一条命令确认环境与配置跑通配置写完后先别急着改代码用一条命令验证链路。进入任意项目目录启动 ClaudeCodecd /path/to/your/project claude首次启动会弹出安全确认选 yes。进入会话后直接发一条只读指令测试请读取当前目录的文件列表并告诉我这个项目用的是什么技术栈不要修改任何文件。如果配置正确ClaudeCode 会调用 Read、LS 等只读工具返回项目结构和技术栈判断。这一步能同时验证三件事node 环境正常、API Key 有效、base_url 指向 TaoToken 通道。想更直接地验证模型通道可以在会话里输入/status查看当前模型和会话状态或输入/model切换模型。如果只想单独测模型对话可以打开 https://taotoken.net/model-chat?utm_sourcetaotoken_aicg_blog_endutm_contentmodel-chatutm_campaignrewrite 发一条消息确认 Key 本身可用。验证通过后再让 ClaudeCode 做实际改动。建议第一次只让它改一个小文件改完立刻git diff看改动确认无误再git commit。5. 本篇常见错排查报错claude: command not foundnpm 全局安装路径没进 PATH或者 nvm 没设默认版本。先nvm alias default 20.11.0重开终端再试。macOS 上检查npm config get prefix是否在 PATH 里。报错ANTHROPIC_AUTH_TOKEN is not setsettings.json没放对位置或者 JSON 格式有误多了逗号、少了引号。用编辑器校验一下 JSON确认文件在~/.claude/settings.json。请求 401 或 403Key 填错或已失效。去 https://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentapi-keysutm_campaignrewrite 重新生成注意 Key 前后不要有空格。请求超时API_TIMEOUT_MS太小调到 600000。也可能是 npm 镜像和 API 通道混用导致解析异常确认ANTHROPIC_BASE_URL是https://taotoken.net/api不带多余路径。node 版本不兼容node -v低于 v18。用nvm install --lts装新版nvm use切过去再重装 ClaudeCode。AI 改乱代码无法回滚说明动手前没 commit。养成习惯让 AI 大改前先git add . git commit -m before ai edit出问题git checkout .或git reset --hard HEAD。配置文件两处冲突settings.json和config.toml的 base_url、Key 不一致。统一改成 TaoToken 的地址和同一个 Key改完重启 ClaudeCode。排障时如果涉及接入字段细节对照 https://taotoken.net/doc?utm_sourcetaotoken_aicg_blog_endutm_contentdocutm_campaignrewrite 最省时间Key 相关问题直接去 https://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentapi-keysutm_campaignrewrite 处理。6. 接下来怎么走按场景选对入口环境跑通只是起点。如果你主要做长期编码、想让 ClaudeCode 常驻项目里当 Agent 用建议了解 Coding Plan入口在 https://taotoken.net/coding-plan?utm_sourcetaotoken_aicg_blog_endutm_contentcoding-planutm_campaignrewrite 它更适合持续性的编码任务。如果你还在调模型、对比不同模型在具体任务上的表现先用模型对话页快速试https://taotoken.net/model-chat?utm_sourcetaotoken_aicg_blog_endutm_contentmodel-chatutm_campaignrewrite 。如果你卡在接入配置或报错排查直接看接入文档和 Key 管理文档 https://taotoken.net/doc?utm_sourcetaotoken_aicg_blog_endutm_contentdocutm_campaignrewrite Key https://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentapi-keysutm_campaignrewrite 。最后给一个我踩过的坑nvm 切版本后之前全局装的 ClaudeCode 可能挂在旧版本 node 下表现为启动报模块找不到。解决办法是切到目标 node 版本后重新npm install -g anthropic-ai/claude-code让全局包绑定到当前版本。这一步做完整条链路才算真正稳定。
返回列表