/

如何禁用 ESLint 規則

如何禁用 ESLint 規則

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

您的工具可能會自動設置no-debugger和no-console規則，但您可以做些什麼來禁用它們呢？

在開發模式中，瀏覽器調試工具和Console API的訪問是必不可少的，雖然在生產代碼中可能有正當的理由禁用它們。

您可以通過添加如下幾行代碼來禁用一個或多個特定的ESLint規則：

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

或者您可以在一個區塊中禁用它，在之後重新啟用：

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

或者您可以在特定的行中禁用該規則：

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

另一種方法是在項目全局禁用該規則。

在package.json中，您可以找到eslintConfig規則，裡面可能已經有一些內容，像這樣：

1
2
3
4
5
6
"eslintConfig": {
  "extends": [
    "react-app",
    "react-app/jest"
  ]
},

在這裡，您可以禁用您想禁用的規則：

1
2
3
4
5
6
7
8
9
"eslintConfig": {
  "extends": [
    "react-app",
    "react-app/jest"
  ],
  "rules": {
    "no-unused-vars": "off"
  }
},

tags: [“ESLint”, “JavaScript”, “debugging”, “Console API”]