转载自:http://www.rxshc.com/131.html

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

开发Vue项目的时候如果开启了 ESLint 语法检查,那么就必须遵循严格的语法。比如不能有分号,括号都必须有空格隔开等等。
之前就有写过一篇:入门 Vue.js会碰到的常见问题

需求

我们实际开发的时候,经常会需要引入第三方开发的程序。有些并不能通过 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');

Logo

前往低代码交流专区

更多推荐