ESLint与EditorConfig

前面使用了蚂蚁金服UI创建了一个项目，当时在写项目的过程中总是发现写的时候语法与编程规范检查的非常严谨，多写了个空格IDE就会警告，最开始的时候以为是IDE的原因，setting里面都设置完了都没用，就估计是创建项目的原因了，后来一百度是因为项目有两个文件：.editorconfig和.eslintrc

第一个文件是EditorConfig

EditorConfig：定义和维护一致的编码风格。

打开.editorconfig文件，第一行是EditorConfig的官网

第二行是用于停止EditorConfig插件在打开的文件是目录和每个父目录中查找名为.editorconfig的文件的动作.

第三行的[*]是通配符，匹配任何字符串，除了路径分隔符（/） ，除了*还有

** 匹配任何字符串

?匹配任何单个字符

[name]匹配任何单个字符名称

[!name]匹配任何不是名字的单个字符

{s1,s2,s3}匹配给定的任何字符串（逗号分隔）

{num1,num2}匹配num1和num2之间的身体倍棒整数，其中num1和num2可以是正数或负数

可以使用反斜杠转义特殊字符，因此不会将基解释为通配符模式。

这里共有6种属性：

#缩进风格：空格indent_style = space#缩进大小2indent_size = 2#换行符lfend_of_line = lf#字符集utf-8charset = utf-8#行尾允许空格trim_trailing_whitespace = true#结尾总是插入新的一行insert_final_newline = true

第二个文件是ESLint

Eslint用于帮助我们检查Javascript编程的语法错误.

第一个属性parser:为解析器，解析器默认为esprima，这里切换成了babel-eslint解析

第二个属性extends:为继承的风格，这是是Airbnb

第三个属性rules：使用的规则，这里的规则太多就不一一介绍了，可以查看官网的Rules或者学习雪狼仔的《Eslint规则说明》博文