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

Bertha 。 2021-09-15 15:58 861阅读 0赞

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

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

开发Vue项目的时候如果开启了 `ESLint` 语法检查，那么就必须遵循严格的语法。比如不能有分号，括号都必须有空格隔开等等。  
之前就有写过一篇：[入门 Vue.js会碰到的常见问题][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');

[Vue.js]: http://www.rxshc.com/26.html

还没有评论，来说两句吧...