前端命名规范

前端命名规范

前端命名规范是很重要的，在一个项目中代码的组织结构要清晰易懂，同类型文件可以归类到到相同的文件夹中，文件命名规则需要统一且命名要有意义，英文单词可以写缩写。

掌握web前端开发，首先要了解什么是命名规范。命名规范在前端领域，涉及HTML，css，JavaScript，在HTML代码所有的标签名和属性应该都为小写，属性值应该用引号括起来。元素的id和class都要按照规定命名，代码缩进时要缩进，进行格式化，让代码美观，有时可以给HTML代码添加必要注解。

1 目录规范

项目命名：projectname

全部采用小写方式，以中划线分割。

mall-managerment-system

目录命名

全部采用小写方式， 以中划线分隔，有复数结构时，要采用复数命名法， 缩写不用复数。

vue的项目中的component是中的组件目录，使用kebab-case命名。

样式文件夹：css

脚本文件夹：js

样式类图片文件夹：img

js、css、scss、html、png 文件命名

全部采用小写方式，以中划线分隔

2 图片命名

1.命名顺序