Vue2.0系列教程:指定文件不使用 ESLint 语法检查

644 次阅读 zuley 发布于 5个月前 (04-16) 前端开发 0 评论

我们实际开发的时候,经常会需要引入第三方开发的程序。有些并不能通过 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');
二维码
扫描此二维码去手机端访问

Vue2.0系列教程:指定文件不使用 ESLint 语法检查

文章评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注