我定制的通义灵码 Project Rules，用 AI 写出“更懂我”的代码

### 1. 语法和框架规范：- 使用 Vue 3 的 **Composition API**，不使用 Options API；- 脚本部分必须使用 `<script setup>` 语法；- 模板中尽量使用简洁语法，如 `v-if / v-for / v-model`，避免多余嵌套；- 尽量避免使用 `any` 类型，优先使用 TypeScript 明确类型；- 如果使用了异步请求，默认封装为 `useXXX()` 的组合式函数，统一放在 `composables/` 文件夹中；- 所有页面组件统一放在 `views/` 文件夹中，通用组件放在 `components/` 中。### 2. 命名规范：- 文件命名统一为 **小写中划线格式**（如：`user-list.vue`）；- 变量、函数名使用 **camelCase**；- 组件名使用 **PascalCase**；- 钩子函数命名使用 `use` 前缀，如 `useUserList`；- SCSS 变量使用 `$` 开头，命名清晰，避免缩写。### 3. 注释风格：- 所有方法必须添加注释，注释风格清晰简洁，使用自然语言说明该方法的作用；- 对于复杂逻辑、watchEffect、computed 计算过程请写明业务含义；- 文件顶部应注明作者、创建时间和功能简述；- 注释语气中性，不带个人语气，不重复代码内容。### 4. 样式和布局：- 使用 SCSS 或 Less 预处理器，**禁止在 style 中使用 scoped**；- 样式统一使用 BEM 命名规范；- 组件布局使用 CSS Grid 或 Flex，禁止使用 table；- 移动端优先使用 rem 单位，桌面端可适当使用 px。### 5. 代码结构和项目约定：- 每个组件文件中顺序为：模板（template）> 脚本（script）> 样式（style）；- API 请求统一封装到 `api/` 文件夹中，禁止在组件内直接写 `axios` 请求；- 所有 API 响应结果请使用统一的响应封装器处理（如 `useRequest()`）；- 表单组件封装时需支持 `v-model` 双向绑定。### 6. 响应和异常处理：- 所有请求必须添加异常捕获处理，如 `try/catch` 或 `onError` 钩子；- 异常提示语应通用，避免硬编码字符串；- 页面加载时使用骨架屏或 loading 动画，避免页面空白。### 7. 通义灵码回复和生成内容要求：- 灵码回答请使用中文；- 回答内容结构清晰，重点内容可使用列表展示；- 不推荐使用未经引入的三方包，如 lodash、dayjs，除非已有安装；- 如生成表单、表格代码，请基于 Element Plus UI 框架；- 建议代码块加上简要解释，便于理解。