ESLint 禁止规则出现警告的 5 种方式

简介: ESLint 禁止规则出现警告的 5 种方式

前言


我们一般会在 ESLint 配置文件 rules 中针对我们的项目做一些个性化的禁用规则的配置。

比如我们配置文件中,有以下这一条禁用规则,意味着所有被检测的文件中都不允许使用 alert() 方法。

{
  rules: {
    'no-alert': 2
  }
}

假如我们调试某个功能时需要用到 alert() 方法,但又不想 ESLint 检测出现警告,要怎么做呢?

其实,ESLint 支持在你的文件中使用行注释或者块注释的方式来禁止(某些)规则。


正文


一、禁止警告的方式


  1. 通过块注释来临时禁止规则出现警告

/* eslint-disable */
alert('foo')
/* eslint-enable */


  1. 对指定的规则启用或禁用警告

/* eslint-disable no-alert, no-console */
alert('foo')
console.log('bar')
/* eslint-enable no-alert, no-console */


  1. 通过行注释或块注释在某一特定的行上禁用所有规则

// 当前行
alert('foo') // eslint-disable-line
alert('foo') /* eslint-disable-line */
// 关闭下一行校验
// eslint-disable-next-line
alert('foo')
/* eslint-disable-next-line */
alert('foo')


  1. 在文件顶部加上块注释,使整个文件范围内禁止规则出现警告

/* eslint-disable */
alert('foo')


若临时禁止某个或多个规则出现警告,可以在末尾跟上要禁止的规则,比如:// eslint-disable-line no-alert 可以在当前行使用 alert() 时禁止出现警告。多个规则时,使用逗号 (,) 隔开。

另外,以上所有方法同样适用于插件规则。例如,禁止 eslint-plugin-examplerule-name 规则,把插件名(example)和规则名(rule-name)结合为 example/rule-name


  1. 若要禁用一组文件的配置文件中的规则,请使用 overridesfiles。例如:

// 以下是 Javascript 格式,若 JSON 形式配置文件请注意格式。
{
  rules: {...},
  overrides: [
    {
      files: ['*-test.js','*.spec.js'],
      rules: {
        'no-unused-expressions': 0
      }
    }
  ]
}


最后


*注意:为文件的某部分禁用警告的注释,告诉 ESLint 不要对禁用的代码报告规则的冲突。ESLint 仍解析整个文件,然而,禁用的代码仍需要是有效的 JavaScript 语法。

目录
相关文章
|
6月前
|
C语言
Makefile模式规则与自动变量
Makefile模式规则与自动变量
43 0
vscode莫名其妙的错误:eslint的语法校验规则
vscode莫名其妙的错误:eslint的语法校验规则
136 0
|
4月前
eslint 规则的配置方法(含关闭指定eslint 规则的方法)
eslint 规则的配置方法(含关闭指定eslint 规则的方法)
441 0
|
6月前
ElementUi配置自定义校验规则-校验IP和IP段
ElementUi配置自定义校验规则-校验IP和IP段
286 1
|
12月前
|
JavaScript 前端开发
VSCode ESLint规则警告屏蔽方法
举例:要屏蔽“Missing trailing comma”或“comma-dangle”警告,你可以使用ESLint的配置选项来设置规则。下面是一些方法,你可以根据自己的需求选择其中一种(这里只是举例,其他警告处理方法相同) ## 方法1:在代码中添加注释来禁用规则 在你希望屏蔽警告的代码行的上方添加如下注释: ```javascript // eslint-disable-next-line comma-dangle ``` 这将在下一行代码上禁用comma-dangle规则。 ## 方法2:在ESLint配置文件中修改规则 如果你希望在整个项目中禁用该规则,可以在ESLint
173 0
VSCode ESLint规则警告屏蔽方法
|
XML Java Android开发
Androistudio lint检查去除无效代码、无效资源
Androistudio lint检查去除无效代码、无效资源
373 0
|
前端开发
前端学习案例-严格模式2-对象的静默失败
前端学习案例-严格模式2-对象的静默失败
79 0
前端学习案例-严格模式2-对象的静默失败
|
小程序 UED
小程序审核规则大致内容
小程序审核规则大致内容
小程序审核规则大致内容
如何快速屏蔽eslint检查
如何快速屏蔽eslint检查 调试代码时,不想eslint来进行语法检查,可在.eslinttc文件里屏蔽掉, 如下图,启动时,因为eslint检查报的错,就在 rules里头关闭掉,设置成 0 或者 off 都可以
227 0
如何快速屏蔽eslint检查