ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

HoRain云--Claude Code 入门教程:从 Node.js 环境到 VS Code 终端跑通第一个 CLI 任务

2026/10/8 12:43:33 拓冰建站 浏览量
HoRain云--Claude Code 入门教程:从 Node.js 环境到 VS Code 终端跑通第一个 CLI 任务 1. 从零跑通 Claude CodeNode.js 环境与 VS Code 终端集成实战Claude Code 是 Anthropic 推出的 CLI 级智能体工具它和你在网页里用的聊天机器人完全不是一回事。聊天机器人是你问一句它答一句而 Claude Code 是直接跑在你的项目目录里能读取整个代码仓库、理解真实文件结构、执行多文件修改的工程级 Agent。你可以把它理解成一个坐在你终端里的结对程序员你说“帮我把这个接口的错误处理补全”它会自己去找文件、改代码、跑测试。适合谁用刚接触 CLI 智能体的开发者、想把手动改代码的重复劳动交给 AI 的工程师、以及习惯在 VS Code 里完成全部工作流的同学。但很多人第一步就卡住了Node.js 版本不对、npm 全局安装报权限错误、VS Code 终端里敲claude提示找不到命令。这篇教程就按“环境准备 → 安装 → 配置 → 验证 → 排障”的顺序把每个环节的可复制命令和配置片段都给你目标是让你在 VS Code 终端里跑通第一个 CLI 任务完成一次真实的代码问答。我试过在一台干净的开发机上从零走一遍踩过的坑主要集中在 Node 版本和终端 PATH 上下面按步骤拆开讲。2. Node.js 与 npm 环境准备版本检查与全局安装命令Claude Code 通过 npm 分发所以第一步是把 Node.js 环境弄对。官方要求 Node.js v18 或更高版本低于这个版本会在安装或运行时直接报错。先检查你当前的版本node -v npm -v如果node -v输出的是 v16.x 或更低或者提示command not found就需要先安装或升级 Node.js。推荐用 nvmNode Version Manager来管理版本这样切换方便也不会污染系统环境。macOS / Linux 安装 nvmcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash安装完成后重新打开终端或者执行source ~/.bashrczsh 用户是~/.zshrc然后安装 Node.js 20 LTSnvm install 20 nvm use 20 node -vWindows 用户可以直接去 Node.js 官网下载 LTS 安装包安装时勾选“Add to PATH”装完在 PowerShell 里执行node -v确认。如果你已经装了 Node 但版本偏低用 nvm 的nvm install 20 nvm use 20切换即可。环境确认没问题后全局安装 Claude Codenpm install -g anthropic-ai/claude-code安装完成后验证claude --version能输出版本号就说明 CLI 已经装好了。如果这一步报EACCES权限错误说明 npm 全局目录没有写权限不要用sudo npm install -g硬来正确做法是配置 npm 的用户级全局目录mkdir -p ~/.npm-global npm config set prefix ~/.npm-global export PATH~/.npm-global/bin:$PATH把最后一行加到你的~/.bashrc或~/.zshrc里重新打开终端再装一次。Windows 上如果报权限错误用管理员身份打开 PowerShell 重装即可。这里有个关键点Claude Code 本身是 CLI 工具它需要一个模型后端来提供推理能力。你可以用官方账号登录也可以接入兼容 Anthropic API 协议的模型服务。对于国内开发者来说配置一个稳定的 API 端点能省去很多网络层面的麻烦。TaoToken 提供了兼容 Anthropic 协议的接入方式下面会给出具体的配置片段。3. 可复制配置settings.json 与 VS Code 终端集成Claude Code 的配置分两个层面全局配置放在~/.claude/settings.json项目级配置放在项目根目录的.claude/settings.json。全局配置对所有项目生效项目配置只对当前仓库生效后者优先级更高。先创建全局配置目录mkdir -p ~/.claude然后编辑~/.claude/settings.json写入以下内容。注意把YOUR_API_KEY替换成你实际申请的 Key{ env: { ANTHROPIC_BASE_URL: https://taotoken.net/api, ANTHROPIC_AUTH_TOKEN: YOUR_API_KEY, ANTHROPIC_MODEL: claude-sonnet-4-20250514, API_TIMEOUT_MS: 3000000, CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC: 1 } }参数逐个说明。ANTHROPIC_BASE_URL指定 API 端点这里填 TaoToken 的 API 地址https://taotoken.net/api。ANTHROPIC_AUTH_TOKEN是你的 API Key去 TaoToken 控制台的 API Keys 页面创建地址是https://taotoken.net/console/api-keys。ANTHROPIC_MODEL指定默认模型你可以根据任务复杂度切换。API_TIMEOUT_MS设长一点避免长任务超时。CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC设为 1 可以禁用非必要流量减少干扰。如果你希望某个项目用不同的模型在项目根目录创建.claude/settings.json{ env: { ANTHROPIC_MODEL: claude-sonnet-4-20250514, ANTHROPIC_SMALL_FAST_MODEL: claude-haiku-4-20250514 } }ANTHROPIC_SMALL_FAST_MODEL用于一些轻量级子任务比如文件摘要、命令补全建议用快模型能明显降低延迟。接下来是 VS Code 终端集成。打开 VS Code用Ctrl反引号打开集成终端。如果你在终端里敲claude提示command not found大概率是 VS Code 终端没有继承你 shell 的 PATH。解决办法是在 VS Code 设置里搜索terminal.integrated.env或者直接在settings.json里加{ terminal.integrated.env.linux: { PATH: ${env:HOME}/.npm-global/bin:${env:PATH} }, terminal.integrated.env.osx: { PATH: ${env:HOME}/.npm-global/bin:${env:PATH} } }Windows 用户在 VS Code 的settings.json里配置{ terminal.integrated.env.windows: { PATH: ${env:APPDATA}\\npm;${env:PATH} } }配置完重启 VS Code新开的终端就能识别claude命令了。如果你用的是 CC Switch 这类配置管理工具它支持 Claude Code、Codex、Gemini CLI 等多个工具的 API 配置切换Windows / macOS / Linux 全平台都有安装包适合同时用多个模型的场景。用 CC Switch 时同样要填全三件套Base URL 填https://taotoken.net/apiKey 填你的 API KeyModel ID 填你要用的模型名。4. 验证请求在项目目录跑通第一个 CLI 任务配置写好后进入你的项目目录启动 Claude Codecd your-project claude首次启动会进入交互式会话。如果你用的是 API Key 方式上面配置里的ANTHROPIC_AUTH_TOKEN通常不需要再走/login流程。启动后先确认状态/status这个命令会显示当前版本、模型、账户和连接状态。如果模型显示的不是你配置的那个用/model切换/model claude-sonnet-4-20250514现在来跑第一个真实任务。假设你的项目里有一个utils/format.js文件你想让 Claude Code 帮你检查并补全错误处理。直接在会话里输入提示词读取 utils/format.js检查里面的日期格式化函数有没有边界情况没处理比如传入 null 或非法字符串时会怎样。如果有问题给出修改建议并直接改文件。Claude Code 会自己去读文件、分析代码、给出修改方案然后询问你是否执行修改。你可以按提示确认。整个过程它是在你的项目目录里操作的不是凭空生成代码。如果你想用非交互模式快速验证一次请求是否通可以用-p参数claude -p 用一句话说明这个项目的目录结构这条命令会打印结果后直接退出适合写进脚本或 CI 流程里做连通性检查。如果返回了正常的文本响应说明 API 端点、Key、模型三者都配置正确了。再验证一个多文件场景。在会话里输入找出项目里所有 console.log 的调用位置列出来然后问我哪些需要保留。Claude Code 会扫描整个项目目录把结果整理成列表返回。这一步能验证它是否真的具备项目级上下文感知能力而不是只盯着你打开的那个文件。如果你更习惯在图形界面里操作VS Code 扩展市场里搜索 Claude Code 安装扩展装完后点击侧边栏图标就能进入对话页面。扩展和 CLI 共用同一套配置文件所以你在~/.claude/settings.json里写的内容它也会读取。在扩展里可以用/config打开设置界面勾选 Disable Login Prompt 来关闭登录提示。5. 常见报错排查401、local proxy failed 与 reading choices配置过程中最容易遇到的几个报错这里逐个拆解。401 Unauthorized。这个报错说明 API Key 无效或没有正确传递。先检查~/.claude/settings.json里的ANTHROPIC_AUTH_TOKEN是否填对注意不要有多余的空格或换行。然后确认ANTHROPIC_BASE_URL填的是https://taotoken.net/api不要漏掉/api路径。如果用的是环境变量方式在终端里执行echo $ANTHROPIC_AUTH_TOKEN确认变量已生效。Windows PowerShell 用echo $env:ANTHROPIC_AUTH_TOKEN。改完配置后一定要新开一个终端窗口旧窗口不会自动加载新配置。local proxy failed。这个报错通常出现在网络层说明 CLI 无法连接到配置的 API 端点。先确认你的网络能正常访问https://taotoken.net/api可以用curl -I https://taotoken.net/api测试连通性。如果返回 200 或 401 都说明网络通返回超时则检查本地网络设置。另外检查settings.json里有没有误配HTTP_PROXY或HTTPS_PROXY环境变量这些会干扰请求。把配置里的API_TIMEOUT_MS调大到3000000也能缓解偶发的超时问题。reading choices 相关报错。这类报错一般出现在响应解析阶段提示Cannot read properties of undefined (reading choices)或类似信息。原因是 API 返回的数据结构不符合预期常见于 Base URL 填错、把 OpenAI 格式的端点填到了 Anthropic 协议的位置。确认你的端点走的是 Anthropic 兼容协议TaoToken 的https://taotoken.net/api就是兼容 Anthropic 协议的。如果你之前配过其他工具的配置检查有没有残留的OPENAI_BASE_URL之类的变量干扰。OAuth 登录失败。如果你选择用账号登录而不是 API Key/login走 OAuth 流程时可能因为浏览器回调问题失败。这时候可以改用 API Key 方式在settings.json里配好ANTHROPIC_AUTH_TOKEN和ANTHROPIC_BASE_URL然后在/config里勾选 Disable Login Prompt跳过登录直接使用。命令找不到command not found。前面提过这是 PATH 问题。在终端里执行which claude看能不能找到路径。如果找不到说明 npm 全局 bin 目录不在 PATH 里。按第 2 节的 npm prefix 配置重新设置或者手动把~/.npm-global/bin加到 PATH。VS Code 终端里还要额外检查terminal.integrated.env配置是否生效。模型不响应或响应极慢。先/status看连接状态再用claude -p test做一次最小请求。如果最小请求也慢检查ANTHROPIC_MODEL填的模型名是否正确模型名拼错会导致请求被拒绝或路由到默认模型。另外CLAUDE_CODE_EFFORT_LEVEL如果设成max思考深度增加会明显变慢日常任务用默认值即可。6. 长期使用建议与接入文档跑通第一个任务之后你可能会想把 Claude Code 用在日常编码里。几个实用建议。第一善用/init命令它会在项目里生成CLAUDE.md文件把项目结构、技术栈、编码规范写进去之后每次启动 Claude Code 都会读取这个文件作为上下文省去反复解释项目背景的麻烦。第二用/compact压缩长对话避免上下文窗口被占满导致响应质量下降。第三把常用的提示词写成自定义命令放在.claude/commands/目录里团队共享比如一个review.md命令专门做代码审查。如果你需要管理多个模型的 API 配置CC Switch 这类工具能帮你在 Claude Code、Codex、Gemini CLI 之间快速切换不用手动改配置文件。它的安装包在 GitHub Releases 页面可以下载全平台支持。关于 API Key 的创建和管理去 TaoToken 控制台的 API Keys 页面操作地址是https://taotoken.net/console/api-keys。接入协议的详细说明在接入文档里地址是https://taotoken.net/doc。如果你只是想先验证模型对话效果不急着配 CLI可以直接在模型对话页面测试地址是https://taotoken.net/chat。长期做编码和 Agent 任务的话Coding Plan 页面有更详细的方案说明地址是https://taotoken.net/coding-plan。最后提醒一点Claude Code 是 Agent 不是 Chat它的价值在于能直接操作你的代码仓库。所以第一次在重要项目里用之前先确保代码已经提交到版本控制这样即使它改错了也能回滚。跑通第一个任务之后你会慢慢找到适合自己工作流的用法。