# 文件命名规则 ## 文件命名规范 ### 组件文件命名 1. **UI组件文件** - 使用小写字母加连字符(kebab-case) - 例如:`button.tsx`, `card.tsx`, `mode-toggle.tsx` - 文件名应简洁明了,表达组件的功能 2. **页面组件文件** - 使用大驼峰命名法(PascalCase) - 例如:`HelloWorld.tsx`, `App.tsx` 3. **布局组件** - 使用小写字母加连字符(kebab-case) - 放置在 `layout` 目录下 - 例如:`mode-toggle.tsx` ### 非组件文件命名 1. **工具函数文件** - 使用小写字母加连字符(kebab-case) - 放置在 `lib` 目录下 - 例如:`utils.ts` 2. **钩子文件** - 使用 `use-` 前缀加小写字母和连字符(kebab-case) - 放置在 `hooks` 目录下 - 例如:`use-mobile.ts` 3. **状态管理文件** - 使用小写字母加连字符(kebab-case) - 放置在 `store` 目录下 - 例如:`counter-store.ts`, `theme-store.ts` 4. **类型定义文件** - 使用小写字母加连字符(kebab-case) - 放置在 `types` 目录下 - 例如:`components.ts`, `index.ts` ### 目录命名 1. 所有目录使用小写字母命名 2. 目录名使用单数形式表示类别,如 `store` 3. 目录结构应遵循项目介绍中的规范