其实刚开始我写 vue 文件的时候也不注意，各种驼峰啊、大写开头 (PascalCase)还是横线连接 (kebab-case)混着来，谁叫 vue 都可以，在 风格指南 中也没有定论。不过基于本项目我还是整理了一套文件的命名规则。
Component
所有的Component文件都是以大写开头 (PascalCase)，这也是官方所 推荐的。
但除了 index.vue。
例子：
@/src/components/BackToTop/index.vue@/src/components/Charts/Line.vue@/src/views/example/components/Button.vue
JS 文件
所有的.js文件都遵循横线连接 (kebab-case)。
例子：
@/src/utils/open-window.js@/src/views/svg-icons/require-icons.js@/src/components/MarkdownEditor/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.xxx.admin/export-excel，所以路由对应的view应该要保持统一 - 没有大小写敏感问题
作者：花裤衩
链接：https://juejin.cn/post/6844903840626507784
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。