前段时间公司有一个比较重要的模块从 vue2 升级到 vue3，升级后发现 element-plus table 的性能相比 vue2 版本下降非常严重。自定义列全部勾选的场景下（20 行 x 180 列），列表中的开关切换，耗时从原先的 400-500 毫秒下降到 7-8 秒，严重影响用户体验，经过较长时间的性能测试、debug，找到了几处比较核心的优化点。先来看一下 20 行 x 180 列场

最糟的是——有时候你忘了交代某个关键约束（比如"slug 不能改"），Claude 就真的把 slug 改了，导致页面 URL 断裂、搜索索引失效、内链全部 404。📌 本篇核心认知：CLAUDE.md 不是给人看的说明文档，而是给 Claude 用的项目级配置文件。它假设读者是一个新加入项目的人类开发者，需要了解项目背景、怎么安装、怎么运行、架构是什么样。大多数开发者第一次听到 CLAUDE.

你正在用 Claude Code 做一个内容型项目——可能是技术文档站、知识库、FAQ 系统、Markdown 驱动的内容网站，或者任何以"内容文件"为核心资产的项目。一篇 Markdown 文件看起来只是文本，但它实际上同时是详情页的数据源、列表页的条目、搜索索引的输入、分类聚合的单元、路由系统的映射、SEO 的元数据来源。它教你从项目认知、结构设计、内容规范、数据治理、验证策略到自动化升级，完

自动生成的内容往往偏冗余。而且它几乎不可能自动识别内容型项目的特殊规则——比如 frontmatter 约束、slug 规则、分类体系的设计逻辑。Claude 会扫描你的项目——看 package.json、tsconfig、目录结构、现有文档——然后自动生成一份 CLAUDE.md 初稿。这是 CLAUDE.md 的第一段，Claude 进入项目后最先看到的内容。最好的 CLAUDE.md 不是

但改一篇内容的 category 字段，你不一定能立刻想到它会影响：分类聚合页的内容列表、侧边栏的分类计数、搜索索引中该文章的分类标记、可能存在的 RSS 分类过滤。你按前四篇的方法，搭了一套完整的规则体系——CLAUDE.md 主文件、6 份 docs/ 文档、frontmatter 规范、schema 定义、构建链路说明。即使是人类开发者，代码审查、单元测试、CI/CD 也不是因为"不信任开发

你不需要告诉他们每一行代码怎么写，你告诉他们做什么、有什么约束、什么叫做完了。关键区别：你没有手动分解"先查什么、再查什么"——你描述了问题和期望，Claude 自己规划了排查路径。你自己把需求拆成子任务，一个模块一个模块去改，来回跟 Claude 沟通十几次，很容易漏掉边界情况。我说你这个用法，就像买了一辆越野车，然后每天只在小区里接孩子——能用，但你花的钱大部分都白花了。Copilot 帮你"

我把过去半年用 Claude Code 做内容型项目踩过的坑、总结出的方法，写成了一本完整的实战手册，包含 6 篇深度正文 + 14 份可直接复制使用的模板：。注意"中国大陆手机号"这个细节——如果你只写"验证手机号"，Claude 可能给你一个国际通用的格式，不一定适合你的业务场景。先用操作者模式做，再用导演模式做。因为你一步步给指令，Claude 的视野被限制在"你当前让我看的这一个文件"里。

CLAUDE.md 里的规则，Claude 遵守的概率是 70%-95%（取决于规则清晰度和上下文复杂度）。而 hooks 执行的概率是 100%——因为它不是靠 Claude "记住"，而是由系统自动触发。Hooks 是 Claude Code 提供的自动化机制——在 Claude 工作流的特定节点，自动运行你预设的脚本或命令。这就是 hooks 和 subagents 的作用——把"Claud

因为在实际使用中，"做什么"和"背景是什么"混在一起写，是 prompt 质量差的头号原因。你以为你在给背景，其实你在下指令。因为是从零开始做，没有"案发现场"需要描述，但需要把"做成什么样"和"不要做成什么样"说清楚。有的人试完觉得"确实快"，也有人跟我说"我写了 prompt，Claude 做出来的东西不太对"。跟第02课比，变化是：把"具体需求"拆成了"目标描述"和"上下文信息"两个独立要素

这节课用5个完整的开发场景，逐字演示怎么把"指令型 prompt"改写成"目标型 prompt"——功能开发、Bug修复、代码重构、安全审查、性能优化，每个场景都给你改写前后的完整对比和效果差异。如果你追加了3轮指令，问题不但没解决还越改越乱，说明第一轮的基础就是歪的。这些"忘了"不是你的错，是因为这些规范"活在你的脑子里"，你觉得理所当然，但 Claude 不知道。出发点是好的，但在你没有预期的