eslint 保存自动修复_利用webStorm中的宏解决eslint无法保存自动修复的问题

ESLint是什么

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。详细学习建议直接去看官方文档，eslint的文档详细易懂，没有比看官方文档更好的学习方式了。

目标

在保存文档的时候，对所有类型文档应用editorconfig配置，对js启用eslint并自动进行--fix修复

三种武器webStorm作为前端IDE，自身带有代码格式化和检查的功能，webStorm格式化配置比较复杂很难统一，对JavaScript的语法检查比较弱；

editorconfig的初衷就是提供缩进、编码和换行上的一致性，语法检查能力没有，优势是简单，能够提供夸语言跨编辑器的能力，webStorm完全支持

eslint是专门的JavaScript代码检查工具，并提供格式化代码的能力

PS：在三者重合的能力区域，优先级先后顺序为 editorconfig > webStorm > eslint

实践

配置editorconfig

在项目根目录下新建文档.editorconfig文档，并配置。

代码清单1

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18