如何停用ESLint规则

关于如何禁用ESLint规则的快速教程

你可以做什么来禁用一个也许是由你的工具化自动设置的ESLint规则？

考虑一下这样的情况：你的工具设置了 no-debugger和 no-console规则。

对于生产代码来说，可能有一个合理的理由，但在开发模式下，拥有访问浏览器调试器和Console API的能力是至关重要的。

你可以通过添加几行来禁用整个文件的一个或多个特定ESLint规则。

/* eslint-disable no-debugger, no-console */
console.log('test')

或者你可以在一个块中这样做，之后再重新启用它。

/* eslint-disable no-debugger, no-console */
console.log('test')
/* eslint-enable no-alert, no-console */

或者你可以在一个特定的行上禁用该规则。

console.log('test') // eslint-disable-line no-console

debugger // eslint-disable-line no-debugger

alert('test') // eslint-disable-line no-alert

另一种方法是在整个项目中禁用它。

在package.json ，你可以找到eslintConfig 规则，它可能已经有一些内容，像这样。

  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },

在这里你可以禁用你想禁用的规则。

  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ],
    "rules": {
      "no-unused-vars": "off"
    }
  },