使用 ESLint 的 --fix 标志

​​ESLint 的--fix选项​​告诉 ESLint 修复代码中任何它知道如何修复的错误。

例如，ESLint 推荐的配置使用了 ​​no-extra-boolean-cast​​​，这将在 ​​if​​​ 语句中删除不必要 ​​!!​​​。例如，假设您有以下 ​​test.js​​​ 文件。因为 JavaScript ​​if​​​ 语句已经检查了 truthy 值，所以在 ​​if​​​ 语句中没有必要使用 ​​!!​​。

if (!!(typeof window === 'undefined')) {
  console.log('Hello from Node.js!')
}

假设您有以下 ​​.eslintrc.json​​ 配置文件：

{ 
  "parserOptions": {
    "ecmaVersion": 2020
  },
  "rules": {
    "no-extra-boolean-cast": "error"
  }
}

ESLint 会报 Redundant double negation 错误：

$ ./node_modules/.bin/eslint ./test.js 

/scratch/test.js
  1:5  error  Redundant double negation  no-extra-boolean-cast

✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.

$ cat ./test.js 

注意 ​​1 error and 0 warnings potentially fixable with the --fix option​​​ 这一行。这说明 ESLint 知道如何修复这个错误。运行 ​​./node_modules/.bin/eslint --fix ./test.js​​，这个错误就会消失。

$ ./node_modules/.bin/eslint --fix ./test.js 
$ cat ./test.js

if (typeof window === 'undefined') {
  console.log('Hello from Node.js!');
}

请注意，ESLint 删除了不必要的 ​​!!​​。

ESLint 只能自动修复某些 ESLint 规则的违规行为。ESLint 有一个完整的内置 ​​ESLint 规则列表​​，并解释了它可以自动应用修复的规则。

使用 npm 脚本

我们添加一个 ​​npm scripts​​ 来运行 ESLint 规则。

例如，假设您的 ​​package.json​​ 文件包含以下行：

{
  "scripts": {
    "lint:fix": "eslint . --fix"
  }
}

现在，您只需要在命令行运行 ​​npm run lint:fix​​，它将修复它可修复的内容。