vue2中的文件命名规范

在Vue 2中，文件命名规范是保持项目一致性和可读性的重要部分。以下是一些常见的文件命名规范：

1. 文件夹命名：

   • 使用小写字母，并用短横线(-)分隔单词，这种命名方式通常被称为kebab case。例如：user-profile、views、styles、error-log、history-list等。
   • 根据功能或页面来划分文件夹，例如为每个页面创建一个文件夹，并将相关的组件、样式和资源文件放在其中。

2. 单文件组件命名：

   • 组件的命名最好使用PascalCase（首字母大写驼峰命名法），并以.vue结尾。例如：UserProfile.vue、ToDo.vue、ToDoItem.vue等。

3. 普通JavaScript文件命名：

   • 如果是工具函数、配置文件等普通的JavaScript文件，命名可以使用camelCase（驼峰命名法）。例如：apiUtils.js、service.js、router.js、utils.js等。

4. 图片、音视频文件命名：

   • 全部采用小写方式，优先选择单个单词命名，多个单词命名以下划线分隔。例如：error_icon.png、logo.gif、background_music.mp3等。

5. CSS、SCSS、LESS文件命名：

   • 全部采用小写方式，优先选择单个单词命名，多个单词命名以短横线分隔。例如：styles.css、base.scss、variables.less等。

6. HTML文件命名：

   • 全部采用小写方式，优先选择单个单词命名，多个单词命名短横线分隔。

7. 组件内name的命名：

   • 基本遵循通用的规范，这个name在export default导出的组件中，对于import时候可以比较容易重命名，但对于代码维护来说，有一个name还是比较好。

请注意，这些规范并不是硬性的规定，它们更多是最佳实践。不同的项目或团队可能会有自己的命名规范，重要的是保持项目内部的一致性。同时，在遵循命名规范的同时，也要考虑到代码的可读性和维护性。