vue中文件及文件夹命名规范详细介绍
1. 介绍
在 Vue 项目中,合理的文件和文件夹命名对于代码维护和团队协作非常重要,没有官方的强制性规范,但社区有一些通用的最佳实践:
2. 命名规范
Vue 组件的命名规范通常遵循以下几种风格:
-
1.
命名法
1.1 驼峰式命名法(camelCase)
1.2 短横线命名(kebab-case)全小写
1.3 帕斯卡命名法(PascalCase) -
2.
文件夹命名
2.1 kebab-case
2.2 尽量使用名词,尽量使用一个单词 -
3.
*.js文件命名规范
3.1 所有模块的主文件index.js全小写
3.2 属于组件的.js文件,使用PascalBase风格
3.3 其他类型的.js文件,使用kebab-case风格 -
4.
*.vue文件命名规范
4.1 除index.vue之外,其他.vue文件统一用PascalBase风格 -
5.
*.less文件命名规范
统一使用kebab-case命名风格
前三点比较重要,需要记住
附录一:.less
为后缀的文件是什么
1、less
是什