促进项目中名称命名统一
参考 ant-design
参考 element UI
| 类型 | 规则 |
|---|---|
| 项目名 | 全小写，中划线 eg: ant-design |
| 文件夹名 | 全小写，中划线 eg: page-header |
| 文件名 | 全小写，中划线 包括图片，html，js等 |
| 组件名 | 大驼峰 eg: TimePicker.vue |
| id class | 全小写，中划线 header-logo |
| 类名 | 大驼峰 eg: Student |
| 方法名 | 小驼峰 eg: getUserInfo() |
| 变量名 | 小驼峰 userInfo |
| 常量名 | 全大写 下划线 MAX_COUNT |
- class命名考虑使用公司简称或项目简称作为前缀
常用单词
布局
整体布局：layout、wrapper
上下左中右：top、bottom、left、center、right
容器：container、box
页头：header
页面主体：main
页脚：footer
侧边栏：sidebar
竖栏目：col
导航：nav
菜单：menu
内容条：bar
模块
标题：title
内容：content
列表：list
按钮：btn
输入框：input
标签：label
切换标签：tab
图标：icon
背景：bg
对话框：dialog
提示：tip
消息：msg
注释：note
描述：disc