---
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`。