JS缩进的问题(还在更新中...)

个人做开发的时候用WebStorm，可以设置缩进问题的有三个地方，一是在WebStorm中设置，Preference->Editor->Code Style->JavaScript，进入这个页面后，可以看到能修改Tab size、Indent、Continuation indent三项，我们可以根据项目需要来进行修改。

webStorm中的设置.jpg

二是在.eslintrc.js文件中修改，可以在'rules'中添加"indent": ["error", 2],这个规则，表示缩进2个空格。

eslintrc文件中的修改.jpg

如果想要忽略关于缩进或方法之后是否需要空格的规则，设置为0

WechatIMG2076.jpeg

三是在.editorconfig，EditorConfig帮助开发人员定义和维护一致的编码风格在不同的编辑器和IDE。EditorConfig项目包含一个文件格式定义编码风格和文本编辑器插件的集合。EditorConfig文件易于阅读并且他们与版本控制器很好地合作。在.editorconfig文件中添加indent_style = space，indent_size = 2这两句就可以控制代码缩进的问题，这两句也是表示缩进2个空格。

editorconfig文件中的修改.jpg

如果有editorconfig，那么它里面的设置就会覆盖前面两种设置，最终以这个为准。

第二种和第三种规范中的规则分别代码什么意思，开启和关闭都如何写，把注释标出来

当我们遇到红色波浪线时，把鼠标移动上去，把鼠标移上去会显示解决方案或者alt+enter+选择第一行，就是出现红色波浪线报错的说明，第一行的下面还有其他的解决方式,几种设置方法的优先级关系

alt+enter+选择第一行.jpg

选择其他的解决方式.jpeg

1. 弄明白 规范 vs 实现。
2. EditorConfig 规范 和它的配置文件 .editorconfig，用来对文本进行格式化的。
   各个文本编辑器都实现了她。
   WebStorm 也不例外。
3. ESLint是个实现（用JS代码检验JS的代码风格)，他也有配置文件，这个实现可以通过很多方式调用：
   比如命令行，比如WebStorm。

WebStorm实现EditorConfig 是通过插件的方式，关掉就可以了。
关掉EditorConfig 语法检测的方式

关掉EditorConfig 语法检测的方式.jpg

关掉ESlint语法检测的方法，临时把 WebStorm对ESLint的支持disable掉。

关闭ESlint的语法检测.jpg

将webstorm中的js设置为ES6语法规则

将webstorm设置为ES6语法规则.jpg

https://zhuanlan.zhihu.com/p/28541896