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部分和业务部分,基础组件一般是承载呈现,基础功能,不和业务耦合部分。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181113G20L3R00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券