## 一、概述 eslint 是一個插件化的 javascript 代碼檢測工具，它可以用于檢查常見的 JavaScript 代碼錯誤，也可以進行代碼風格檢查，這樣我們就可以根據自己的喜好指定一套 eslint 配置，然后應用到所編寫的項目上，從而實現輔助編碼規范的執行，有效控制項目代碼的質量。 ## 二、安裝 ``` npm install -g eslint 或 cnpm install -g eslint ```  vue文件是類 HTML 的文件，為了支持對 vue 文件的 ESLint ，需要eslint-plugin-html這個插件； ``` npm install -g eslint-plugin-html ```  ``` eslint test.js ``` ## 三、配置 為了正確使用eslint，需要配置代碼規范設置，現在添加一個.eslintrc.js； ``` eslint --init ``` ``` module.exports = { "env": { browser: true, es6: true }, "extends": "eslint:recommended", "rules": { 'no-console': 'off, "semi": [ "error", "never" ] } }; ``` ESLint 支持幾種格式的配置文件： * JavaScript- 使用 .eslintrc.js 然后輸出一個配置對象。 * YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定義配置的結構。 * JSON - 使用 .eslintrc.json 去定義配置的結構，ESLint 的 JSON 文件允許 JavaScript 風格的注釋。 * package.json - 在 package.json 里創建一個 eslintConfig屬性，在那里定義配置。如果 .eslintrc.js 和 package.json里的 eslintConfig 同時存在，則只讀取 .eslintrc.js文件； >[danger] vue項目創建的時候，選擇了eslint支持，則自動的會在根目錄下，創建規則文件.eslintrc.js：  ## 四、問題處理 有時候，由于eslint過于嚴格，導致很多錯誤，可以暫時屏蔽，修改build/webpack.base.conf.js文件module->rules中有關eslint的規則：