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

 分类:vue教程时间:2023-01-28 07:30:01点击:

简介

有时候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');
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: