27 lines
1.0 KiB
Markdown
27 lines
1.0 KiB
Markdown
|
---
|
|||
|
|
name: jjb-directory-naming
|
|||
|
|
description: 定义 JJB 项目目录命名规范。在创建页面/组件文件夹、命名 index.less 或 components 子组件时使用。统一大驼峰命名。
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# 项目页面结构
|
|||
|
|
|
|||
|
|
## 目录命名规范
|
|||
|
|
|
|||
|
|
- **页面/组件文件夹**：统一使用 **大驼峰（PascalCase）** 命名
|
|||
|
|
|
|||
|
|
- 示例：`UserList`、`OrderDetail`、`DataList`
|
|||
|
|
|
|||
|
|
- **样式文件**：
|
|||
|
|
|
|||
|
|
- 若页面/组件需要样式，在同级目录创建 `index.less`
|
|||
|
|
```
|
|||
|
|
index.js
|
|||
|
|
index.less
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
- 若当前页面/组件需要拆分为多个子组件，在同级创建 `components` 文件夹统一存放
|
|||
|
|
|
|||
|
|
- **组件拆分规范**：当页面或一级组件逻辑较复杂、需要拆分为多个子组件时，应在当前页面目录下创建 `components` 文件夹统一存放。
|
|||
|
|
|
|||
|
|
`components` 目录中的子组件为**二级组件**，不再单独创建文件夹，组件文件与样式文件直接平铺存放，文件命名统一采用**大驼峰命名法**，例如：`DataList.js`、`DataList.less`。
|