.editorconfig

该文件定义项目的编码规范，编辑器的行为会与.editorconfig 文件中定义的一致，并且其优先级比编辑器自身的设置要高，这在多人合作开发项目时十分有用而且必要。

在哪里存放配置文件:
当打开一个文件时，EditorConfig插件会在打开文件的目录和其每一级父目录查找.editorconfig文件，直到有一个配置文件root=true。

root = true

[*]    // 对所有文件应用下面的规则
charset = utf-8                    // 编码规则用utf-8
indent_style = space               // 缩进用空格
indent_size = 2                    // 缩进数量为2个空格
end_of_line = lf                   // 换行符格式
insert_final_newline = true        // 是否在文件的最后插入一个空行
trim_trailing_whitespace = true    // 是否删除行尾的空格

 

在webStorm中默认是支持editorConfig插件的，那么我们需要在webStorm中自定义editorConfig的配置怎么来做？
第一步：打开webStrome > File > settings（快捷键ctrl+alt+s）；
第二步：找到Editor > Code Style 并点击它，在下面会有一个Enable EditorConfig support（启动EditorConfig的支持），点它前面的复选框选中它；
第三步：在复选框的后面有一Export按钮，它是导出editorConfig配置文件；我们点一下它，然后点确定；这时在你的项目中已经有了一个.editorConfig配置文件了；
[*]
charset=utf-8
end_of_line=crlf
insert_final_newline=false
indent_style=space
indent_size=2
到此我们已经把webStorm中的editorConfig配置好了，现在缩进是4个空格，把它改成2个空格 ，然后打开一个js文件按shift+ctrl+f格式化时，js文件里的代码就会按2个空格来缩进，这时说明插件启动成功！

 

注意：
使用 4 个空格来缩进不是说按一下空格会自动打出 4 个空格来，也不是说要连按 4 下空格；
而是按 tab 键时，编辑器会自动输出 4 个空格，而不是之前默认的制表符 (\t)。
因此，仍然要用 tab 键来缩进代码，编辑器会处理的，此时你就是在用空格缩进了。