转指定文件指定行指定代码块不使用 ESLint 语法检查

Posted 2022-07-29 FungLeo

指定文件、指定行、指定代码块不使用 ESLint 语法检查

在使用了 eslint 进行代码检查后，可以大幅提高我们的代码规范。但是，在某些情况下，我们必须去写一些违反规则的代码。如果写了这些代码，则势必会导致各种提示报错。这种情况下，如果不去处理，则会导致项目警告越来越多，最终不知道哪些是必须的，哪些是可以修正的。
因此，在某些地方，禁用检查就变得十分重要了。随便搜索了一下，找到了这篇博文，写得还比较全面，因此转载过来了。

原文地址： https://blog.csdn.net/u013362969/article/details/81215336 ，感谢原作者整理，原文没有标注转载许可条约，因此我先转载过来，如果禁止转载，请在评论中留言给我，我会在看到后删除本文转载。

整个文件范围内禁止规则出现警告

将/* eslint-disable */放置于文件最顶部

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

在文件中临时禁止规则出现警告

将需要忽略的代码块用注释包裹起来

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

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

将需要忽略的代码块用注释包裹起来

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

对指定行禁用规则警告

此方法，有两种形式，参见下方。

alert('foo'); // eslint-disable-line
 
// eslint-disable-next-line
alert('foo');

1. 在指定行上禁用指定的某个规则

   alert('foo'); // eslint-disable-line no-alert
    
   // eslint-disable-next-line no-alert
   alert('foo');
   

2. 在某个特定的行上禁用多个规则

   alert('foo'); // eslint-disable-line no-alert, quotes, semi
    
   // eslint-disable-next-line no-alert, quotes, semi
   alert('foo');