ESlint

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>