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应该要保持统一
• 没有大小写保持统一
  
  

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应该要保持统一
• 没有大小写保持统一