1、簡介：

eslint檢查我們寫的 JavaScript 代碼是否滿足指定規則的靜態代碼檢查工具。

JSHint?和?JSLint?也是靜態代碼檢查工具，但伴隨著發展，他們已經無法滿足需求，于是ESlint?誕生了，因次ESlint比它們功能更強大也更靈活。

ESLint 是用 Node.js 寫的，可以通過 npm 來安裝。ESLint 也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。

2、作用

ESlint作為代碼檢查工具，其作用主要有以下幾點：

統一代碼風格規則，如：縮進用幾個空格；是否用駝峰命名法來命名變量和函數名等。

減少錯誤， 如：相等比較必須用 ===，變量在使用前必須被聲明，在條件語句中不能使用賦值語句等。

提高代碼質量，如：函數最多有多少條件分支；最多有幾個參數，代碼塊最多能嵌套多少層等。

其他。如： 禁用alert。這可以提高用戶體驗，因為 alert 框的外觀不是那么好看，而且往往與網站的風格不搭，一般都會自定義 alert 框。

3、安裝配置

eslint可以用npm 安裝依賴

npminstall-g eslint

然后可以在.eslintrc的文件進行配置:

env: 指定代碼的運行環境

globals：額外的全局變量

parserOptions: 指定 JavaScript 相關的選項。ecmaVersion 指定用哪個ECMAScript 的版本，默認是 3 和 5。

rules: 具體檢查的規則，不設置則不會檢查

<pre>

{? "env":{? ? "browser":true,? ? "commonjs":true,? ? "es6":true},? "parserOptions":{? ? "ecmaVersion":6},? "rules":{? ? "indent":["error",2],? ? "no-mixed-spaces-and-tabs":"error""camelcase":"error",? ? "eqeqeq":"warn",? ? "curly":"error",? ? "no-undef":"error",? ? "no-unused-vars":"warn",? ? "max-params":"warn"}}

</pre>