news 2026/9/26 16:21:43

AI编码新纪元:Claude Code 九步实战,从 CLAUDE.MD 到 Subagents 的配置骨架

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
AI编码新纪元:Claude Code 九步实战,从 CLAUDE.MD 到 Subagents 的配置骨架

1. 为什么我把 Claude Code 当成项目里的“常驻搭档”

Claude Code 是 Anthropic 推出的终端编码智能体,它跟编辑器里那种“选中一段代码再问一句”的补全工具不一样,它直接跑在你的项目目录里,能读文件、能改代码、能执行命令,还能按你给的规划一步步推进。适合谁?适合已经有一定项目经验、想让 AI 真正参与“从需求到提交”全流程的开发者,尤其是手里有多个模块、多个代码库、需要跨文件改动的人。

我最初也是抱着试试看的心态,在本地一个前后端分离的项目里跑了一遍。结果发现,真正决定效率高低的不是模型本身,而是你有没有把项目记忆、规划模式和分工机制这三件事配好。CLAUDE.MD 负责让 Claude 记住“这个项目是什么样”,Plan Mode 负责让它先想清楚再动手,Subagents 负责把大任务拆开并行推进。这三块拼起来,才是一套能反复用的骨架。

这篇就按九步走,每一步都给出可复制的配置和验证动作。你不需要一次性全用上,但建议至少把 CLAUDE.MD 和 Plan Mode 跑通,再考虑 Subagents。

2. 前置准备:TaoToken 接入与 Claude Code 环境

Claude Code 本身是一个终端工具,它需要调用模型 API。我这边用的是 TaoToken 提供的接入方式,官网在 https://taotoken.net/?utm_source=taotoken_aicg_blog_end&utm_medium=csdn&utm_campaign=rewrite&utm_content= ,API 地址是 https://taotoken.net/api 。它的作用是帮你把模型调用统一到一个入口,省去自己维护多个密钥的麻烦。

先拿到 API Key。打开 https://taotoken.net/api-keys ,创建一个新密钥,复制下来。注意这个 Key 只显示一次,丢了就得重建。

然后在终端里设置环境变量。macOS 或 Linux 用:

export ANTHROPIC_BASE_URL="https://taotoken.net/api" export ANTHROPIC_API_KEY="你的Key"

Windows PowerShell 用:

$env:ANTHROPIC_BASE_URL="https://taotoken.net/api" $env:ANTHROPIC_API_KEY="你的Key"

如果你想让配置持久化,可以写进~/.bashrc或~/.zshrc,Windows 则用系统环境变量面板。设置完执行echo $ANTHROPIC_BASE_URL确认输出正确。

接着安装 Claude Code。官方推荐用 npm 全局安装:

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

装完在项目根目录输入claude,如果能看到交互界面,说明环境通了。第一次启动它会让你确认一些权限,按提示走即可。

注意:API Key 不要提交到 Git 仓库,建议放在.env里并加入.gitignore。

3. 九步配置骨架:从 CLAUDE.MD 到 Subagents

3.1 第一步:用 /init 生成 CLAUDE.MD 初稿

进入项目目录,启动claude,然后输入:

/init

Claude 会扫描你的项目结构,生成一个CLAUDE.MD文件。这个文件就是项目的“记忆卡”,后续每次对话它都会参考。初稿通常包含项目概述、目录结构、常用命令。但初稿往往太泛,需要你手动补关键信息。

3.2 第二步:补全 CLAUDE.MD 模板

我实测下来,一个能用的 CLAUDE.MD 至少要有这几块:项目定位、技术栈、目录约定、编码规范、常用命令、禁区。下面是我在用的模板,你可以直接复制改:

# 项目名称 ## 项目定位 一句话说明这个项目做什么,面向谁。 ## 技术栈 - 前端:React 18 + TypeScript + Vite - 后端:Node.js 20 + Express + PostgreSQL - 测试:Vitest + Supertest ## 目录约定 - src/components:UI 组件,每个组件一个文件夹 - src/api:接口封装,统一走 request.ts - src/utils:纯函数工具,不依赖 React ## 编码规范 - 所有导出函数必须写 JSDoc - 禁止使用 any,用 unknown 加类型守卫 - 提交前必须跑 npm run lint 和 npm run test ## 常用命令 - 开发:npm run dev - 构建:npm run build - 测试:npm run test - 迁移:npm run migrate ## 禁区 - 不要直接改 migrations 目录下的历史文件 - 不要在生产配置里硬编码密钥

写完保存,下次启动 Claude Code 它会自动读取。这一步的验证动作:在对话里问“这个项目用什么测试框架”,它应该能答出 Vitest。

3.3 第三步:开启 Plan Mode

Plan Mode 是 Claude Code 的核心开关,快捷键是Shift+Tab。开启后,你提需求它不会直接改代码,而是先给一份行动方案,包括要改哪些文件、每步做什么、有什么风险。你审查确认后,它才执行。

我试过在没开 Plan Mode 的情况下让它改一个跨三个文件的接口,结果它改了两个就停了,第三个忘了。开了 Plan Mode 之后,它会先把三个文件列出来,我确认后再动手,一次过。

验证动作:开启 Plan Mode,输入“给用户列表加一个分页参数”,看它是否先输出方案而不是直接改文件。

3.4 第四步:配置 settings.json 骨架

Claude Code 支持项目级配置,放在.claude/settings.json。这个文件控制权限、工具白名单、环境变量。下面是我用的骨架:

{ "permissions": { "allow": [ "Read", "Glob", "Grep", "Edit", "Bash(npm run lint)", "Bash(npm run test)" ], "deny": [ "Bash(rm -rf *)", "Bash(git push --force)" ] }, "env": { "NODE_ENV": "development" } }

allow里放你信任的操作,deny里放危险命令。这样 Claude 执行时不会每次都问你,但危险动作会被拦住。验证动作:故意让它执行rm -rf node_modules,看是否被拒绝。

3.5 第五步:用 Git 做检查点

Claude Code 没有内置的“恢复检查点”功能,所以 Git 就是你的安全网。我的习惯是:每次 Claude 完成一个可用的改动,立刻 commit。不满意就git checkout -- .回退。

git add -A git commit -m "claude: 完成用户列表分页"

如果改坏了:

git checkout -- .

或者回退到上一个 commit:

git reset --hard HEAD~1

验证动作:让 Claude 改一个文件,commit,再让它改坏,然后 checkout 回退,确认文件恢复。

3.6 第六步:拖拽截图沟通

Claude Code 的终端界面支持拖拽图片。遇到报错或者要还原 UI 设计稿,直接把截图拖进去,它能理解图像内容。我试过把一个复杂的报错截图拖进去,它直接定位到是某个依赖版本冲突,比我自己翻日志快得多。

验证动作:截一张报错图,拖进终端,问“这个错误怎么修”。

3.7 第七步:多代码库上下文

全栈项目里,前端和后端往往是两个文件夹。你可以在启动 Claude Code 时把两个目录都加进去:

claude --add-dir ../backend --add-dir ../frontend

这样它能同时看到两边的代码,跨库改接口时不会只改一边。验证动作:让它“把后端返回的字段名同步到前端类型定义”,看它是否两边都改。

3.8 第八步:Subagents 并行处理

Subagents 是 Claude Code 的分工机制。对于大任务,你可以让它拆成多个子任务,每个子任务由一个子智能体处理。比如整个项目的代码迁移,可以按模块拆开。

在对话里输入:

请把这个迁移任务拆成三个子任务,分别处理 auth、user、order 模块,并行执行。

它会生成多个子智能体,各自负责一块。验证动作:观察终端是否出现多个任务进度条,最后汇总结果。

3.9 第九步:让 Claude 自检并人工审查

任务完成后,别急着 commit。先让它自检:

请检查刚才的改动,找出潜在的 bug 和边缘情况。

它有时能发现你忽略的细节,比如空数组、并发写入、时区问题。但最重要的一点:永远亲自审查 AI 生成的代码。把它当成一个速度极快但经验尚浅的初级开发者,它的产出必须经过你的 Code Review。

验证动作:让它自检后,你自己再读一遍 diff,确认逻辑正确。

4. 验证请求:跑通一次完整流程

配置完之后,用一个小需求验证整条链路。比如“给用户列表加一个按注册时间排序的功能”。

第一步,开启 Plan Mode,输入需求。Claude 输出方案:改src/api/user.ts加排序参数,改src/components/UserList.tsx加排序按钮,改src/utils/sort.ts加排序函数。

第二步,你确认方案,它执行。执行完你跑npm run test,看测试是否通过。

第三步,让它自检,你审查 diff,然后 commit。

第四步,如果想验证模型对话能力,可以打开 https://taotoken.net/api 的模型对话入口,直接问它“刚才的排序函数有没有边缘情况”,它会基于上下文回答。

整个流程跑通一次,你就有了可复用的骨架。后面每个需求都按这个节奏走。

5. 常见报错排查

5.1 启动时报 ANTHROPIC_API_KEY 未设置

说明环境变量没生效。检查echo $ANTHROPIC_API_KEY是否有输出。如果没有,重新 export 或者写进 shell 配置文件。Windows 注意 PowerShell 和 CMD 的语法不同。

5.2 CLAUDE.MD 不生效

确认文件在项目根目录,文件名大小写正确。Claude Code 只读根目录的CLAUDE.MD,子目录里的不会自动加载。如果改了没反应,重启一次claude。

5.3 Plan Mode 不触发

快捷键是Shift+Tab,按一次看界面是否出现 “Plan Mode” 标识。如果没反应,可能是终端拦截了快捷键,换个终端试试。另外确认你的 Claude Code 是最新版本,老版本可能不支持。

5.4 Subagents 任务卡住

子智能体并行时会消耗较多资源。如果卡住,先检查网络,再检查是否有子任务在等权限确认。可以在 settings.json 里把常用命令加进 allow 列表,减少确认次数。

5.5 改完代码测试失败

先看是不是 Claude 改了测试没改实现,或者反过来。让它自检时明确说“请同时检查实现和测试是否一致”。如果还不行,用 Git 回退到上一个 commit,重新来。

5.6 权限被拒绝

检查 settings.json 的 deny 列表,看是不是误拦了正常命令。比如你把Bash(git *)全禁了,那 commit 也会被拦。改成只禁危险操作,比如Bash(git push --force)。

6. 长期编码与 Agent 协作的下一步

如果你打算把 Claude Code 当成日常主力,建议把 Coding Plan 用起来,地址是 https://taotoken.net/api 的 coding-plan 入口。它适合长期编码和 Agent 协作场景,能帮你把多个项目的调用统一管理。

接入文档在 https://taotoken.net/api 的 doc 入口,里面有完整的参数说明和示例。API Keys 管理在 https://taotoken.net/api-keys ,定期轮换密钥是个好习惯。

Claude Code 的配置骨架搭好之后,真正决定效率的是你的使用节奏:小需求直接 Plan Mode 走一遍,大任务拆 Subagents,每次改动都 commit。这套流程跑顺了,你会发现 AI 编码不再是“试试看”,而是项目里一个稳定的生产力环节。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/26 16:20:10

智能体面试准备(二十九):编程智能体 Code Agent 实战——用 TaoToken 统一 Key 跑通 ReAct 循环、自修复与 SWE-bench 评测

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/26 16:19:58

PowerDNS架构解析与安装部署指南:TaoToken统一Key接入配置实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/26 16:17:15

Atlas 300V 24G推理卡部署YOLO实战:从ONNX到OM模型转换

1. 先搞清楚:atlas到底是什么很多人第一次听到"atlas"这个名字,脑子里冒出来的是希腊神话里扛天的巨人,或者是波士顿动力那台跑来跑去的机器人。但在AI部署这个圈子里,atlas指的是华为昇腾生态下的整条AI计算产品线&…

作者头像 李华