## 一、概述 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的规则：