editorconfig和eslint
editorconfig
1、格式统一配置工具
2、跨浏览器广泛支持(常见如IDEA,WebStorm,Sublime,Vscode等统统都支持)
3、权重高于编辑器内部的格式设定
4、配置项一共就8个
eslint
1、javascript语法风格检查工具
2、javascript静态检查工具
3、支持es6,JSX, AngularJs
4、支持前端工程化工具
此文件的作用是为了防止团队协作时大家所用 ide 不同导致代码规范不同每次合并代码时带来大量的并没有变化的代码合并和不必要的冲突。
去商店中搜索 EditorConfig for VS Code 进行安装,这样 VS Code 就会优先根据项目根目录的.editorconfig 文件对缩进之类风格进行配置,覆盖 VS Code 默认配置。
大部分编辑器都有这个插件,即使团队成员使用不同的 IDE,也可以很好的统一代码风格。
只要保证.editorconfig 这个文件一直即可
root = true # 表示当前是项目根目录
[*] # 所有文件都使用配置
charset = utf-8 # 编码格式
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
#root: 表明是最顶层的配置文件,发现设为true时,才会停止查找.editorconfig文件。
#indent_style: 设置缩进风格,tab或者空格。tab是hard tabs,space为soft tabs。
#indent_size : 缩进的宽度,即列数,整数。如果indentstyle为tab,则此属性默认为tabwidth。
#tab_width : 设置tab的列数。默认是indent_size。
#endofline: 换行符,lf、cr和crlf
#charset: 编码,latin1、utf-8、utf-8-bom、utf-16be和utf-16le,不建议使用utf-8-bom。
#trimtrailingwhitespace: 设为true表示会除去换行行首的任意空白字符。
#insertfinalnewline: 设为true表明使文件以一个空白行结尾