ESLint 如何关闭 / 修改规则？

引言

在开发过程中，ESLint 是我们经常使用的 JavaScript 语法检查工具，可以规范代码，提高代码质量。但有时候，ESLint 的默认规则可能不符合我们的需求，我们就需要关闭 / 修改相应的规则。

关闭规则

在 ESLint 中，我们可以通过以下方法关闭某个规则：

方法一：在代码中加注释

示例如下：

// eslint-disable-next-line no-console
console.log('Hello, World!');

这也可以修改为如下：

/* eslint-disable-next-line no-console */
console.log('Hello, World!');

这样子，ESLint 就不会检测 console 方法，也不会报错。

方法二：在 .eslintrc.js 中配置

在 .eslintrc.js 中的 rules 字段中，添加如下：

{
  "rules": {
    "no-console": "off"
  }
}

这样子，ESLint 就会关闭 no-console 规则。

修改规则

在 ESLint 中，我们可以通过以下方法修改某个规则的值：

方法一：在 .eslintrc.js 中配置

在 .eslintrc.js 中的 rules 字段中，添加如下：

{
  "rules": {
    "quotes": ["error", "double"]
  }
}

这样子，ESLint 就会根据我们的配置进行 quotes 规则的检测，如果代码中的引号不是双引号就会提示检测出错。

方法二：在代码中加注释

示例如下：

// eslint-disable-next-line quotes
const name = 'John'; // 代码中的引号必须是双引号，否则将会报错。

这个方法只会在本次代码执行过程中关闭或修改规则，不会在其他代码中起作用。

总结

以上就是如何关闭 / 修改 ESLint 规则的两种方法。通过学习如何关闭 / 修改 ESLint 规则，可以更加有效地进行代码检查，代码质量更高，我们在开发过程中可以更好地掌控代码。

敬请期待更多优秀的前端技术文章。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ddadc5f6b2d6eab38e7699