一篇關於如何禁用 ESLint 規則的快速教程

您的工具可能會自動設置no-debuggerno-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"
  }
},