ESLint系列：ESLint入門安裝及簡單配置

一、eslint須要依賴node.js環境，在配置以前須要安裝好node.js;

二、npm install eslint --save-dev 或 npm install eslint --save -g 進行全局安裝

三、配置到本身的編輯器裏面，這裏已webstorm爲例，ctrl+alt+s調出settings面板，依次配置便可

四、在項目根目錄下新建文件.eslintrc並配置以下內容便可:

ps:瞭解更多配置，請查閱 https://github.com/yangsendyx/ESLint-rules-docs-cn#%E5%B8%B8%E8%A7%81%E9%94%99%E8%AF%AF

/**
* "off" 或 0 - 關閉規則
* "warn" 或 1 - 開啓規則，使用警告級別的錯誤：warn (不會致使程序退出),
* "error" 或 2 - 開啓規則，使用錯誤級別的錯誤：error (當被觸發的時候，程序會退出)
*/
{
"parserOptions":{
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
/*"extends": "eslint:recommended",*/
"env":{
"browser": true,
"node": true,
"jquery": true
},
"globals":{},
"rules":{
"quotes" : [2, "single"], //必須單引號
"no-undef": 2, //未定義變量
"no-multi-spaces": 2, //多餘空格
"comma-dangle" : [2, "never"], //不容許或強制在對象字面量或者數組屬性的結尾使用逗號
"no-cond-assign" : [2,"always"], //條件判斷語句中不容許賦值操做
"no-console" : 2, //不容許使用console中全部的方法
"no-constant-condition" : 2, //不容許在判斷中使用常數
"no-debugger" : 2,
"no-dupe-args" : 2, //方法的參數中不容許有重複值。
"no-dupe-keys" : 2, //定義對象時不容許有重複的鍵
"no-duplicate-case" : 2, //switch語句中不容許使用相同的case值
"no-empty" : 2, //不容許空的塊語句
"no-ex-assign" : 2, //不容許對try...catch語句中catch的參數賦值。(推薦)
"no-extra-boolean-cast" : 2, //不容許多餘的布爾值轉換操做。如!!!foo或!!bar ? baz : bat等。
"no-extra-parens" : [2,"all"], //不容許在表達式外面套一層多餘的括號。"all"（默認）：不容許任何狀況下出現的多餘的括號。
//"functions"：不容許function外面包裹多餘的括號，其餘表達式除外。
"no-extra-semi" : 2,//不容許多餘的分號
"no-func-assign" : 2, //不容許爲一個函數賦值。
"no-inner-declarations" : 2, //函數或者變量的聲明要放在程序的最外層或者另外一個函數體內，不要在if等代碼塊中定義函數和變量。(推薦)"functions"（默認）：
//僅限定函數不容許在代碼塊中定義。"both"：限定函數和變量都不容許在代碼塊中定義。
"no-invalid-regexp": 2, //不容許在RegExp構造函數中傳遞不合法的正則表達式字符串。(推薦)
"no-irregular-whitespace" : 2,//不容許在字符串外面或者註釋中使用不規則的空格。(推薦)
"no-negated-in-lhs" : 2, //在in運算的左側操做數前不容許使用否認符號!
"no-obj-calls" : 2, //不容許將Math、JSON等全局的對象當作函數進行調用
"no-regex-spaces" : 2, //不容許在正則表達式中出現超過1個的連續空格
"no-sparse-arrays" : 2, //不容許稀疏數組
"no-unexpected-multiline" : 2, //不容許兩行連續可是不相關的代碼做爲一個連續表達式執行
"no-unreachable" : 2, //不容許在return、throw、continue、break等中斷語句以後出現代碼，由於這些代碼永遠不會被執行到。(推薦)
"use-isnan" : 2, //判斷一個數是不是NaN的時候不容許使用foo === NaN這樣的操做，而是使用isNaN函數進行判斷。(推薦)
"valid-jsdoc" : 2, //不容許使用不合法的JSDoc註釋。下列選項都可做爲配置選項
"valid-typeof" : 2,//typeof的結果必須和一個有效的字符串進行比較，如typeof foo === 'strnig'便是不合法的字符串。(推薦)
"block-scoped-var" : 2, //不容許在代碼塊外使用在代碼塊內定義的變量。
"curly" : 2, //if...else、while等語句必須使用 大括號{}包括。
"default-case" : 2, //switch代碼塊必須含有一個default分支。
"eqeqeq" : 2, //使用===和!==代替==和!=。(可修復)
"no-alert" : 2, //不容許使用alert、confirm和prompt方法。
"no-else-return" : 2, //若是一個if語句含有return，就沒有必要使用else語句塊了，本來放在else語句塊內的代碼能夠直接寫在代碼塊外。
"no-eq-null" : 2, //和null比較時，不容許使用==或!=，而是使用===或!==。
"no-eval" : 2, //不容許使用eval語句。
"no-extend-native" : 2, //不容許在原生對象的prototype上添加屬性。
"no-fallthrough" : 2, //不容許switch...case出現「貫穿」狀況，即一個case代碼塊執行過以後繼續執行下一個case代碼塊。除非使用break、return、throw或者特殊註釋等方法中斷下一個case執行。(推薦)
"no-implicit-coercion" : 2, //不容許使用簡寫的類型轉換方式，如+foo、''+foo，下列選項都可做爲配置選項。
"no-implied-eval" : 2, //不容許使用隱含的eval語句，例如setTimeout('var foo=1;',10)。
"no-lone-blocks" : 2, //不容許使用沒有必要的代碼塊。
"no-loop-func" : 2, //不容許在循環中聲明函數
"no-native-reassign" : 2, //不容許對原生對象進行重寫。
"no-redeclare" : 2, //不容許重複定義變量。(推薦)
"no-script-url" : 2, //不容許使用javascript:這樣的語句。
"no-unused-expressions" : 2, //不容許出現沒有被使用的表達式或值
"no-useless-concat" : 2, //不容許使用沒有必要的字符串鏈接，如"a"+"b"
"wrap-iife" : 2, //當即執行函數須要使用括號包裹
"no-shadow-restricted-names" : 2, //聲明變量不能覆蓋JavaScript中的保留關鍵字
"no-shadow" : 2, //不容許在當前做用域內定義做用域外已有的同名變量
"no-undef-init" : 2, //不容許直接將一個變量定義爲undefined，如var foo = undefined;。
"no-undefined" : 2, //不容許使用undefined做爲變量名或者函數形參。
"no-unused-vars" : 2, //不容許出現定義了可是沒有使用的變量。下列選項都可做爲配置選項。
"no-use-before-define" : 2, //變量應該先定義後使用
"camelcase" : [2], //是否使用駝峯命名法
}
}　　

五、在項目中新建js文件，運行以下代碼：

var name = "man";
var age=24;
if(age < 60)
name='young man';

出現如圖報錯，說明配置成功