摘要：例如在中加入配置塊進(jìn)行配置例如，直接在代碼文件中以注釋的方式定義需要注意的是，代碼文件內(nèi)以注釋配置的規(guī)則會(huì)覆蓋配置文件里的規(guī)則，即優(yōu)先級要更高。

在代碼頂部添加一行注釋 /eslint-disable/ (兩個(gè)/中間有兩個(gè)*，像題目那樣） ,ESLint 在校驗(yàn)的時(shí)候就會(huì)跳過后面的代碼。

比如：main.js 里的/ eslint-disable no-new /(兩個(gè)/中間有兩個(gè)*，像題目那樣）
在js里面，new 一個(gè)對象，需要賦值給某個(gè)值（變量），用Vue實(shí)例化的時(shí)候，不需要賦值給值（變量），所以要多帶帶給配一條規(guī)則，給new Vue這行代碼上面加這個(gè)注釋，把這行代碼規(guī)則的校驗(yàn)跳過，通過eslint-disable。eslint的常用技巧之一
一. 安裝
npm install eslint

二. 配置
ESLint的配置有三種方式：

1、.eslintrc.*文件的配置
首先你需要初始化配置文件。

eslint init

這將會(huì)在你的當(dāng)前目錄下生成一個(gè).eslintrc.*文件。.eslintrc的后綴可以是.js、.yalm、.yml和.json中的任意一個(gè)。以.json格式為例。

.eslintrc.json 文件的內(nèi)容類似如下： 
{ 
//extends用于引入某配置作為基礎(chǔ)配置，然后再在后續(xù)的rules中對其進(jìn)行擴(kuò)展 
"extends": "eslint:recommended", 

//如果你想使用插件中的環(huán)境變量，請先把插件名寫入"plugins"數(shù)組中，然后再在"env":{}中以"插件名/插件中的需引入的環(huán)境名"的方式進(jìn)行指定。

"plugins": ["example"], 
"env": { 
//An environment defines global variables that are predefined. 
//定義env會(huì)帶進(jìn)來一些全局變量 
"browser": true, 
"node": true, 
"es6":true, 
"mocha":"true", 
"qunit":true, 
"jquery":true, 
"mongo":true, 
//通過插件名命名空間引入插件中的環(huán)境 
"example/custom": true 
}, 
"globals": { 
// globals are the additional global variables your script accesses during execution. 
// 即插件在執(zhí)行過程中用到的其它全局變量 
"angular": true, 
}, 
"rules": { 
//which rules are enabled and at what error level. 
//這里指定用哪些規(guī)則進(jìn)行eslint檢查以及每個(gè)規(guī)則的錯(cuò)誤級別：0或者off表示規(guī)則關(guān)閉，出錯(cuò)也被忽略；1或者warn表示如果出錯(cuò)會(huì)給出警告；2或者error表示如果出錯(cuò)會(huì)報(bào)出錯(cuò)誤 
"semi": ["error", "always"], 
"quotes": ["error", "double"] 
}, 
//parser指定解析器，默認(rèn)的為espree，可選的還有Esprima、Babel-ESLint。 
//babel-eslint is a wrapper around the Babel parser that makes it compatible with ESLint. 
//babel-eslint是一個(gè)Babel parser的包裝器，這個(gè)包裝器使得Babel parser可以和ESLint協(xié)調(diào)工作 
"parser": "babel-eslint", 
"parserOptions": { 
//ecmaVersion指定ECMAScript的版本，可選值有3567，默認(rèn)是5 
"ecmaVersion": 6, 
//sourceType指定被檢查的文件是什么擴(kuò)展名的，可選項(xiàng)"script"和"module"，默認(rèn)是"script"。"module"是ES6的。 
"sourceType": "module", 
//ecmaFeatures指定你想使用哪些額外的語言特性 
"ecmaFeatures": { 
"jsx": true 
} 
}, 
} 
“rules”中的每一項(xiàng)即是一條規(guī)則。其中,“:”之前的事規(guī)則的名稱（如上面的”semi” 和 “quotes”），“:”后面的數(shù)組中，第一個(gè)項(xiàng)用于指定規(guī)則的錯(cuò)誤級別，它有 3 個(gè)可選的取值：

“off” 或者 0 - 關(guān)閉規(guī)則

“warn” or 1 - 不符合規(guī)則時(shí)作為一個(gè)警告（不會(huì)影響退出碼）

“error” or 2 - 不符合規(guī)則時(shí)視作一個(gè)錯(cuò)誤 (退出碼為1)

在你的.eslintrc文件中包含這行代碼，可以使用推薦規(guī)則。

"extends": "eslint:recommended"

通過這行代碼，會(huì)開啟規(guī)則頁中標(biāo)有對勾符號(hào)的規(guī)則。當(dāng)然，你也可以到 npmjs.com 搜索 “eslint-config” 查找別人創(chuàng)建好的配置列表，并拿來直接使用。

.eslintrc.如果放在項(xiàng)目的根目錄中，則會(huì)作用于整個(gè)項(xiàng)目。如果在項(xiàng)目的子目錄中也包含著.eslintrc文件，則對于子目錄中文件的檢查會(huì)忽略掉根目錄中的配置，而直接采用子目錄中的配置，這就能夠在不同的目錄范圍內(nèi)應(yīng)用不同的檢查規(guī)則，顯得比較靈活。ESLint采用逐級向上查找的方式查找.eslintrc.文件，當(dāng)找到帶有”root”: true配置項(xiàng)的.eslintrc.*文件時(shí)，將會(huì)停止向上查找。

“extends”除了可以引入推薦規(guī)則，還可以以文件形式引入其它的自定義規(guī)則，然后在這些自定義規(guī)則的基礎(chǔ)上用rules去定義個(gè)別規(guī)則，從而覆蓋掉”extends”中引入的規(guī)則。例如： 
{ 
"extends": [ 
"./node_modules/coding-standard/eslintDefaults.js", 
// Override eslintDefaults.js 
"./node_modules/coding-standard/.eslintrc-es6", 
// Override .eslintrc-es6 
"./node_modules/coding-standard/.eslintrc-jsx", 
], 
"rules": { 
// Override any settings from the "parent" configuration 
"eqeqeq": "warn" 
} 
}

2、在 package.json 中加入 eslintConfig 配置塊進(jìn)行配置 
例如： 
{ 
"name": "demo", 
"version": "1.0.0", 
"eslintConfig": { 
"env": { 
"browser": true, 
"node": true 
}， 
"rules": { 
"eqeqeq": "warn" 
} 
} 
} 
3、直接在代碼文件中以注釋的方式定義 
需要注意的是，代碼文件內(nèi)以注釋配置的規(guī)則會(huì)覆蓋配置文件里的規(guī)則，即優(yōu)先級要更高。

例如：

臨時(shí)在一段代碼中取消eslint檢查，可以如下設(shè)置： 
`/* eslint-disable */

// Disables all rules between comments 
alert(‘foo’);

/* eslint-enable */

臨時(shí)在一段代碼中取消個(gè)別規(guī)則的檢查（如no-alert, no-console）：

/* eslint-disable no-alert, no-console */

// Disables no-alert and no-console warnings between comments 
alert(‘foo’); 
console.log(‘bar’);

/* eslint-enable no-alert, no-console */

在整個(gè)文件中取消eslint檢查：

/* eslint-disable */

// Disables all rules for the rest of the file 
alert(‘foo’);

在整個(gè)文件中禁用某一項(xiàng)eslint規(guī)則的檢查：

/* eslint-disable no-alert */

// Disables no-alert for the rest of the file 
alert(‘foo’);

針對某一行禁用eslint檢查：

alert(‘foo’); // eslint-disable-line

// eslint-disable-next-line 
alert(‘foo’);

針對某一行的某一具體規(guī)則禁用eslint檢查：

alert(‘foo’); // eslint-disable-line no-alert

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

針對某一行禁用多項(xiàng)具體規(guī)則的檢查：

alert(‘foo’); // eslint-disable-line no-alert, quotes, semi

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

三. 把ESLint集成到工作流之中
比如，與babel和gulp結(jié)合：

package.json：

{
    "name": "my-module",
    "scripts": {
        "lint": "eslint my-files.js"
    },
    "devDependencies": {
        "babel-eslint": "...",
        "eslint": "..."
    }
}

或者

gulpfile.js

var gulp = require("gulp");
var eslint = require("gulp-eslint");

gulp.task("lint", function() {
  return gulp.src("app/**/*.js")
    .pipe(eslint())
    .pipe(eslint.format());
});
eslintrc.*：

{
    "plugins": [
        "react" //使用eslint-plugin-react插件
    ],
    "ecmaFeatures": {
        "jsx": true //開啟ESLint JSX 支持
    }
    "rules": {
        "react/display-name": 1, //注意一下，自定義規(guī)則都是以插件名稱為命名空間的
        "react/jsx-boolean-value": 1
    }
}

四. 通過配置.eslintignore文件忽略掉不想被檢查的文件
可以通過在項(xiàng)目目錄下建立.eslintignore文件，并在其中配置忽略掉對哪些文件的檢查。需要注意的是，不管你有沒有在.eslintignore中進(jìn)行配置，eslint都會(huì)默認(rèn)忽略掉對/node_modules/ 以及 /bower_components/文件的檢查。下面是一個(gè)簡單的.eslintignore文件的內(nèi)容。

# Ignore built files except build/index.js
build/
!build/index.js

五. 執(zhí)行檢測
eslint test.js test2.js

文中后部分例子來源于：https://blog.csdn.net/qq_3100...