前端开发规范

项目命名

全部采用小写方式，中划线进行分割
如：mall-management-system

目录命名

全部采用小写方式，中划线分割，有复数结构时，采用复数命名法，缩写不用复数
components、page-loading、styles、utils……

文件命名

去不采用小写方式，中划线分割
user-login.css

CSS样式命名

.heavy{}

Vue开发规范

组件规范

组件文件：my-component.vue
基础文件：base-icon.vue
引用规范：MyComponent，且使用自闭合样式

指令选择

v-show、v-if：
运行时，如果需要频繁切换，则推荐使用v-show；
运行时，不需要频繁更改条件，则推荐使用v-if；
v-for：
for循环指令中，必须要为当前循环项指定key

Vue-cli脚手架

src                               源码目录
|-- api                              所有api接口，对应后端的controller、名称高度一致
|-- assets                           静态资源，images, icons, styles等
|-- components                       公用组件
|-- config                           配置信息
|-- constants                        常量信息，项目所有Enum, 全局常量等
|-- directives                       自定义指令
|-- filters                          过滤器，全局工具
|-- datas                            模拟数据，临时存放
|-- lib                              外部引用的插件存放及修改文件
|-- mock                             模拟接口，临时存放
|-- plugins                          插件，全局使用
|-- router                           路由，统一管理
|-- store                            vuex, 统一管理
|-- themes                           自定义样式主题
|-- views                            视图目录
|   |-- role                             role模块名
|   |-- |-- role-list.vue                    role列表页面
|   |-- |-- role-add.vue                     role新建页面
|   |-- |-- role-update.vue                  role更新页面
|   |-- |-- index.less                      role模块样式
|   |-- |-- components                      role模块通用组件文件夹
|   |-- employee                         employee模块