让人又爱又恨的ESLint

让人又爱又恨的ESLint

引言

ESLint 是用来检查咱们写的 JavaScript 代码是否知足指定规则的静态代码检查工具。

ESLint能够给咱们带来什么：

很是舒服的代码书写风格，强迫你去掉全部的分号。

• 统一的代码编写格式，使得代码书写风格统一。
• 更加严格的书写要求，减小了代码出错的几率。

在webpack构建的项目中使用ESLint

1. 首先全局安装ESLint

npm install  --save-dev eslint eslint-loader
复制代码

2. 在webpack中添加配置

module: {
  preLoaders: [
    {test: /\.js$/, loader: "eslint-loader", exclude: /node_modules/}
  ]
}
复制代码

3. 新建名为 .eslintrc 的文件。该文件的内容为对 ESLint 的配置。（通常vue-cli构建的项目会自带这个文件）

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true
  },
  "parserOptions": {
    "ecmaVersion": 6
  },
  "rules": {
    "no-eq-null": 2 //禁止对null使用==或!=运算符
  }
}
复制代码

4. env：你的脚本将要运行在什么环境中

Environment能够预设好的其余环境的全局变量，如brower、node环境变量、es6环境变量、mocha环境变量等
复制代码

5. 开启规则和发生错误时报告的等级 规则的错误等级有三种：

0或'off'：关闭规则。 
1或'warn'：打开规则，而且做为一个警告（并不会致使检查不经过）。 
2或'error'：打开规则，而且做为一个错误 (退出码为1，检查不经过)。

参数说明： 
参数1 ： 错误等级 
参数2 ： 处理方式
复制代码

6. 我只写了最简单的一个检测，查看更多规则请参看官方规则
7. 就我我的来讲喜欢逛gayhub,看看别人怎么写规则，若是还不错就占为己有了。嘻嘻嘻...

前方高等，拿走不谢：

• JavaScript Standard Style
• XO
• Airbnb