介紹

ESLint 由 JavaScript 紅寶書 作者 Nicholas C. Zakas 編寫， 2013 年發布第一個版本。 NCZ 的初衷不是重復造一個輪子，而是在實際需求得不到 JSHint 團隊響應 的情況下做出的選擇：以可擴展、每條規則獨立、不內置編碼風格為理念編寫一個 lint 工具。

官方地址：http://eslint.org/

EsLint幫助我們檢查Javascript編程時的語法錯誤。比如：在Javascript應用中，你很難找到你漏泄的變量或者方法。EsLint能夠幫助我們分析JS代碼，找到bug并確保一定程度的JS語法書寫的正確性。

EsLint是建立在Esprima(ECMAScript解析架構)的基礎上的。Esprima支持ES5.1,本身也是用ECMAScript編寫的，用于多用途分析。EsLint不但提供一些默認的規則（可擴展），也提供用戶自定義規則來約束我們寫的Javascript代碼。

EsLint提供以下支持：

EsLint提供以下幾種校驗：

使用

一、安裝

Npm install gulp-eslint –save-dev

在你的項目目錄下，運行：eslint –init將會產生一個.eslintrc的文件，文件內容包含一些校驗規則

{ "rules": {  "semi": ["error", "always"],  "quotes": ["error", "double"] }}

其中”semi”和”quotes”是規則名稱。EsLint還提供了error的級別，對應數字，數字越高錯誤的提示越高，如0代碼錯誤不提示、1代表警告提醒但不影響現有編譯、2error會拋出錯誤。

"extends": "eslint:recommended"

Extends是EsLint默認推薦的驗證，你可以使用配置選擇哪些校驗是你所需要的，可以登錄npmjs.com查看

二、自定義配置EsLint

之前提到你可以關掉所有EsLint默認的驗證，自行添加所確切需要的驗證規則。為此EsLint提供了2個種方式進行設置：

Configuration Comments: 在所要驗證的文件中，直接使用Javascript注釋嵌套配置信息 Configuration Files: 使用JavaScript、JSON或YAML文件，比如前面提到的.eslintrc文件，當然你也可以在package.json文件里添加eslintConfig字段，EsLint都會自動讀取驗證。

開始介紹EsLint的用法

parserOptions

EsLint通過parserOptions，允許指定校驗的ecma的版本，及ecma的一些特性

{ "parserOptions": {  "ecmaVersion": 6, //指定ECMAScript支持的版本，6為ES6  "sourceType": "module", //指定來源的類型，有兩種”script”或”module”  "ecmaFeatures": {   "jsx": true//啟動JSX  }, }}