项目命名规范

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应该要保持统一

  • 没有大小写保持统一

posted @ 2020-04-20 14:12  coderwyp  阅读(157)  评论(0编辑  收藏  举报