Vue前端目录规范

目录规范：

本文档用于前端各资源的文件目录规范。

1、静态资源目录命名原则

HTML文件放在下;

资源文件均放在 文件夹下,子目录包括但不限于:

img: 图片。 不允许(MUST NOT) 使用image、images、imgs等。

js: javascript脚本。 不允许(MUST NOT) 使用script、scripts等。

css: 样式表。 不允许(MUST NOT) 使用style、styles等。

2、业务文件命名

文件夹/文件的命名统一用小写。（避免部分系统不识别大小写的命名方式）

保证项目有良好的可移植性，可跨平台。

相关参考：《

为什么文件名要小写？

》。

3、组件命名

Vue 组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。

components/

|- MyComponent.vue

components/

|- my-component.vue

Vue 应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头，比如 Base、App 或 V。

components/

|- BaseButton.vue

|- BaseTable.vue

|- BaseIcon.vue

每个 Vue 组件的代码建议不要超出 200 行，如果超出建议拆分组件。

组件一般情况下是可以拆成基础/ui部分和业务部分，基础组件一般是承载呈现，基础功能，不和业务耦合部分。