前端开发命名规范

前端开发命名规范

一.普通变量的命名

1.采用小驼峰式命名法则，即第一个单词字母小写，其余单词首字母大写
2.命名相关
3.复数 + s

二.常量

首字母大写，多个单词用“_”连接，例如：Top_Content

三.css类名命名

单词均小写，多个单词用“-”连接，例如：left-content
尽量命名相关，不要采用a，b，c等等

四.关于Vue的命名规范

（一）组件命名

1.大驼峰式命名，即第一个单词首字母大写，其余单词均小写
2.也可采用多个小写单词+“-”连接
注意：不能使用保留字、关键字，例如int，false，public等等

（二）methods命名

动词+名词命名，采用小驼峰式命名法则，尽量语义化，例如：getData（）

（三）view视图文件夹下命名

两个名词，采用小驼峰式命名法则

（四）props命名

1.小驼峰式命名法则
2.小写单词+“-”连接

最后说明：以上均为在公司里前辈的指导，具体情况可根据实际进行参考。好的命名规范既方便他人，也方便自己，可自行查找关于命名规范的规范