這篇是基于之前整理的一篇關(guān)于ESLint入門之后，在深入了解了相關(guān)內(nèi)容的基礎(chǔ)上又整理出來的一篇，百分之四十與之前差不多，只是多了部分常用的規(guī)則。

1.安裝

1.1本地安裝(運(yùn)用到此項(xiàng)目)

$ npm install eslint --save-dev

1.2全局安裝（運(yùn)用到所有項(xiàng)目）

$ npm install -g eslint

2.配置

2.1使用 .eslintrc 文件

$ eslint --init

屏幕快照 2016-12-01 上午9.47.53.png

2.2在 package.json 中添加 eslintConfig配置塊

圖片.png

2.3直接在代碼文件中定義

2.3.1 禁用 ESLint：

/* eslint-disable */
var a = 100;
console.log(a);  
/* eslint-enable */

2.3.2 禁用一條規(guī)則：

/*eslint-disable no-console */
var a = 100;
console.log(a);
/*eslint-enable no-console */

2.3.3 調(diào)整規(guī)則：

/* eslint no-console:0 */
var a = 100;
console.log(a);

3.錯(cuò)誤級(jí)別

• "off" or 0 - 關(guān)閉(禁用)規(guī)則
• "warn" or 1 - 將規(guī)則視為一個(gè)警告（并不會(huì)導(dǎo)致檢查不通過）
• "error" or 2 - 將規(guī)則視為一個(gè)錯(cuò)誤 (退出碼為1，檢查不通過)
• 有些規(guī)則還帶有可選的參數(shù)。

4.常用規(guī)則

5.實(shí)際項(xiàng)目中使用（Gulp中使用）

5.1 安裝插件

$ npm install gulp-eslint

5.2 應(yīng)用

var gulp = require('gulp');
var eslint = require('gulp-eslint');
gulp.task('lint',function(){
    return gulp.src(['app/**/*.js']) //指定的校驗(yàn)路徑
        .pipe(eslint({configFle:"./.eslintrc"})) //使用你的eslint校驗(yàn)文件
        .pipe(eslint.format())
});

輸入命令行

$ gulp lint

就可以直接運(yùn)行了相應(yīng)的配置文件來校驗(yàn)文件了。

5.3 忽視

你可以通過在項(xiàng)目根目錄創(chuàng)建一個(gè) .eslintignore 文件告訴 ESLint 去忽略特定的文件和目錄。.eslintignore 文件是一個(gè)純文本文件，其中的每一行都是一個(gè) glob 模式表明哪些路徑應(yīng)該忽略檢測。例如，以下將忽略所有的 JavaScript 文件：

**/*.js

當(dāng) ESLint 運(yùn)行時(shí)，在確定哪些文件要檢測之前，它會(huì)在當(dāng)前工作目錄中查找一個(gè) .eslintignore 文件。如果發(fā)現(xiàn)了這個(gè)文件，當(dāng)遍歷目錄時(shí)，將會(huì)應(yīng)用這些偏好設(shè)置。一次只有一個(gè) .eslintignore 文件會(huì)被使用，所以，不是當(dāng)前工作目錄下的 .eslintignore 文件將不會(huì)被用到。

Globs 匹配使用 node-ignore，所以大量可用的特性有：

• 以 # 開頭的行被當(dāng)作注釋，不影響忽略模式。

• 路徑是相對(duì)于 .eslintignore 的位置或當(dāng)前工作目錄。這也會(huì)影響通過 --ignore-pattern傳遞的路徑。

• 忽略模式同 .gitignore 規(guī)范

• 以 ! 開頭的行是否定模式，它將會(huì)重新包含一個(gè)之前被忽略的模式。

  除了 .eslintignore 文件中的模式，ESLint總是忽略 /node_modules/* 和 /bower_components/* 中的文件。

  例如：把下面 .eslintignore 文件放到當(dāng)前工作目錄里，將忽略 node_modules，bower_components 和所有以 .ts.js 或者 .coffee.js 為擴(kuò)展名的文件以及 build/ 目錄下除了 build/index.js 的所有文件。

  /node_modules/* and /bower_components/* ignored by default

  Ignore built files except build/index.js

  build/*
  !build/index.js

  如果相比于當(dāng)前工作目錄下 .eslintignore 文件，你更想使用一個(gè)不同的文件，你可以在命令行使用 --ignore-path 選項(xiàng)指定它。例如，你可以使用 .jshintignore 文件，因?yàn)樗邢嗤母袷剑?/p>

  eslint --ignore-path .jshintignore file.js

  你也可以使用你的 .gitignore 文件：

  eslint --ignore-path .gitignore file.js

  任何文件只要滿足標(biāo)準(zhǔn)忽略文件格式都可以用。記住，指定 --ignore-path 意味著任何現(xiàn)有的 .eslintignore 文件將不被使用。請(qǐng)注意，.eslintignore 中的匹配規(guī)則比 .gitignore 中的更嚴(yán)格。