ESLint入门

@LiuYueKai 2016-08-28 15:59:11发表于 iuap-design/blog

简介

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

通过用 ESLint 来检查一些规则,我们可以:

  • 统一代码风格规则。
  • 减少错误。
  • 提高代码质量。

安装

npm install  --save-dev eslint

使用方法

如果项目种还没有配置文件(.eslintrc)的话,可以通过指定--init参数来生成一个新的配置文件:

eslint --init

配置

在生成的配置文件(.eslintrc)文件中配置一些规则。

{
  "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"
  }
}
  • env 指定代码运行的环境。

  • parserOptions 指定 JavaScript 相关的选项。ecmaVersion 指定用哪个 ECMAScript 的版本,默认是 3 和 5。

  • rules 指定具体检查的规则。默认情况下,如果不设置检查的规则,ESLint 不会检查任何规则。

    规则的错误等级有三种:
    0:关闭规则。
    1:打开规则,并且作为一个警告(不影响exit code)。
    2:打开规则,并且作为一个错误(exit code将会是1)。

更多规则说明详见官网