指定js文件不使用 ESLint 语法检查

Posted 2020-10-27 这个男人

需求

我们实际开发的时候，经常会需要引入第三方开发的程序。有些并不能通过 npm 去安装，只能手动的把文件放入项目。而这些项目实际开发的时候并没有遵循严格的ESLint语法。这时候就需要我们手动的去配置ESLint了。

使用

ESLint是被设计的完全可配置的，可以开关每一条规则，也可以自定义规则。这里不详细解释各个规则的配置方法，只介绍一个简单实用对指定文件不使用ESLint语法检查的方法。

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

将/* 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‘);

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

alert(‘foo‘); // eslint-disable-line no-alert

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

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

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

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