聊聊为什么先配后写

先说哈，这事儿跟Zuo饭先准备好配料差不多。

你要是直接把锅子端上去，没盐没油，那味儿还Neng好么？

AI写代码也是同理，先把项目的“配方表”写清楚，它才Neng给你端出正经菜。

咱就是说这份配方表在Claude Code里叫CLAUDE.md。

别小kan它，里面藏着技术栈、代码规范、目录结构这些关键情报。

打开项目根目录，新建一个.claude/CLAUDE.md文件。

里面先写技术选型，像Spring Boot、Vue3、MySQL这些。

比如：

# 项目技术栈
- 后端：Spring Boot 3.x
- 前端：Vue 3 + Vite
- 数据库：MySQL 8

接着列出编码规范，像驼峰命名、ESLint规则之类的。

别忘了加一句“查询必须使用MyBatis Plus的Wrapper方式”。

这一步完成后你的AIYi经知道该怎么走路了。

每个子模块douKe以再放一个CLAUDE.md。

比如在/backend/CLAUDE.md里写：

# 后端模块规范
- 使用Composition API风格的Service层
- 禁止直接写原生SQL
- 引入Lombok简化DTO

前端那边Ke以写：

# 前端模块规范
- UI库采用Naive UI
- 表单验证使用vee‑validate
- 路由统一使用 kebab‑case 命名

Ru果答案是“不”，那就删掉它。

这样文档既精炼又不冗余，AI读起来geng顺畅。

先在根目录的CLAUDE.md里加一段需求描述：

# 功Neng需求
## 客户年龄查询
在客户列表页面新增年龄过滤器。
要求：
1️⃣ 支持范围选择。
2️⃣ 前端使用滑块组件。
3️⃣ 后端接口接受`minAge`和`maxAge`两个参数。
4️⃣ 查询使用MyBatis Plus Wrapper。

哈哈，这样AI一kan到需求，就知道该改哪些文件、怎么改。

打开/frontend/src/pages/customer/CustomerList.vue

CIA，先在模板里插入一个滑块占位符：

b) 编写组件源码：

// src/components/AgeSlider.vue

CIA，我就这么敲完啦。记得把组件路径加进Main.ts.

CIA，在页面的