# 命名规则

## 1. 项目命名

略

## 2. 目录命名

* 有复数结构时，要采用复数命名法。

```
scripts, styles, images
```

* 多单词采用小写开头的驼峰式命名。

```
meetingManage
```

## 3. JS文件命名

* 采用小写开头的驼峰式命名。

```
ossConfig.js
```

## 4. CSS, SCSS, LESS文件命名

* 采用小写开头的驼峰式命名。

```
retinaSprites.less
```

## 5. HTML文件命名

* 采用小写开头的驼峰式命名。

```
errorReport.html
```

## 6. Vue文件命名

* 采用大写开头的驼峰式命名。

```
List.vue
```

## 7. 变量、常量、方法命名

* 统一采用小写开头的驼峰式命名。

```
ossConfig, ossPaths, getMeetingEntity()
```

## 8. vue 组件内命名

* 导入组件名用采用组件文件名

```
import TeacherSelector from '@/common/TeacherSelector'
```

* 在模板中使用组件，采用kebab-case命名法

```
<teacher-selector><teacher-selector/>
```

* props命名规则
  
  * 声明prop，采用小写开头的驼峰式命名。
    ```
    props: {
      showDialog: {
        type: Boolean,
        default: false
      }
    }
    ```
   
  * 在模板中使用时，采用kebab-case命名法
    ```
      <teacher-selector :show-dialog="isShowDialog"><teacher-selector/>
    ```

## 9. api文件、router文件命名
* api 文件采用 模块名 + Api 命名
```
meetingManageApi.js、dailySignApi.js
```
* router 文件采用 模块名 + Router 命名
```
meetingManageRouter.js、dailySignRouter.js
```