前端代码命名规范

命名方式

PascalCase(帕斯卡命名法,大驼峰)

camelCase(骆驼命名法,小驼峰)

kebab-case(短横线)

 文件夹

参照node_modules中的项目依赖,统一短横线命名

文件

vue (PascalCase或者kebab-case)

1.PascalCase更清晰 (推荐)

2.kebab-case兼容性更高

3.PascalCase文件夹/index.vue文件(vue自动识别index文件)

components/
|- MyComponent.vue

components/
|- my-component.vue

components/
|- MyComponent
   |- index.vue

js

3种命名方式都有,个人比较喜欢小驼峰

api文件最好加上Api后缀以便识别

css

kebab-case推荐

文件内部

html或template标签: kebab-case (html大小写不敏感,template保持统一)

类名: PascalCase

函数,方法,变量: camelCase

常量: 全部大小,下划线分割 TEST_NUM

参考

风格指南 | Vue.js