vue项目关闭eslint检测（分享全局和局部2种关闭方式）

简介

有时候eslint 代码检查造成文件到处报错，一看就非常烦，也许eslint 有很强的代码防错和代码规范作用，但是在你非常清楚和了解这段代码时，eslint报错了，不想弃用eslint 检查又不想改代码，你可以使用禁用ESLint 代码检查。

一、全局禁用eslint

1、禁用规则

在项目文件.eslintrc.js下，增加rules选项，把你想要的ruleName 设置成off，也可以针对环境变量来动态配置。如下：

rules: {
 'max-len': 'off',
 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
}

2、禁用文件

在项目文件.eslintignore下，增加文件。如下：

src/pages/Test.vue

二、当个文件禁用

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

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

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

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

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

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

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

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

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

4、对指定行禁用规则警告

有两种形式

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

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

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

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

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