webstorm 针对eslint配置 常见配置项整理(75%)

编辑器（webstorm）路径
settings-> Editor -> codeStyle -> 选择不同的语言设置

如下是javascript常见配置项
对应英文 中文含义
parentheses 圆括号
operators 操作符
left brace 左大括号
right brace 右大括号
keywords 各种关键词 比如else break while catch finally
grouping parentheses 代码块涉及的圆括号

解决script标签内js文件的缩进问题

image.png

settings-> Editor -> codeStyle -> html
选择other do not indent children 内加入script

image.png

解决后效果

image.png

解决es6 import {}大括号内变量间的空隙

image.png

解决方案：

image.png

解决后效果

image.png

在代码中使用eslint进行了校验后，同时将编辑器配置设置为与eslint的规则一致，按Ctrl + Alt + L自动格式化时，可以大大提高效率。