前端代码命名规范

命名方式

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值