| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- # 文件命名规则
- ## 文件命名规范
- ### 组件文件命名
- 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. 目录结构应遵循项目介绍中的规范
|