项目命名规范
Component
所有的Component文件都是以大写开头(PascalCase)除了index.vue。
例:
-
@/src/components/BackToTop/index.vue
-
@/src/components/Charts/Line.vue
-
@/src.views/examplate/Button.vue
JS文件
所有的.js文件都遵循横线连接(kebab-case)、
例:
-
@/src/utils/onen-window.js
-
@/src/views/svg-icons/require-icons.js
-
@/src/components/MarkdownEdiitor.default-options.js
views
在views文件下,代表路由的.vue文件都是用短横线连接(kebab-case),代表路由的文件夹也是使用同样的规则。
例:
-
@/src/views/svg-icons/index.vue
-
@/src/views/svg-icons/require-icons.js
使用横线连接(kebab-case)命名views主要原因
-
横线连接(kebab-case)是官方推荐的命名规范之一
-
views下的.vue文件代表的是一个路由,所以需要和component`进行区分(component都是大写开头)
-
页面的url也都是横线连接的,比如https://www.admin.com/export-excel,所以路由对应的view应该要保持统一
-
没有大小写保持统一