ESLint入门

ESLint是一个用以识别和报告ECMAScript/JavaScript中代码格式的工具,目的是使代码风格更加统一和防止不当。

1.设置和动用
有二种格局去安装ESLint:全局和地方。

1.1地面安装和应用
只要要将ESLint作为项目构建系统的一有的,那么采用在本土开展安装。
您可以行使npm:

npm install eslint --save-dev

然后你需要树立一个配置文件:

./node_modules/.bin/eslint --init

接着,你能够在您的档次根目录运行ESLint:

./node_modules/.bin/eslint yourfile.js

您使用的此外插件或可共享配置也务必在当地安装,以此与当地安装的ESLint配合使用。

1.2大局安装和采纳
万一要使ESLint可以应用你的保有品类,那么采用在全局安装ESLint。
你可以利用npm:

npm install -g eslint

接下来你需要建立一个安排文件:

eslint --init

紧接着,你可以在您的门类根目录运行ESLint:

eslint yourfile.js

您使用的此外插件或可共享配置也必须在大局安装,以此与大局安装的ESLint配合使用。

 

2.配置
在运作eslint
–init之后,会在你的目录建立一个.eslintrc文件。在其中你将看到部分之类的配备规则:

{
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
}

“semi”和“quotes”是ESLint中规则的名目。
第一个值是平整的谬误级别,能够是以下值之一:

  • “off” 或 0 – 关闭规则
  • “warn” 或 1 – 将规则作为警示
  • “error” 或 2 – 将规则作为不当

这两个谬误级别允许你细微地控制ESLint怎么样行使规则。

您的.eslintrc配置文件将一律含有该行:

"extends": "eslint:recommended"

由于这一行,规则页面上标记为“”的有着条条框框都将被打开。

ESLint被设计为可完全配置的,配置ESLint有二种重要的办法:

  1. 讲明配置 – 使用JavaScript注释将配备消息直接嵌入文件。
  2. 配备文件 –
    使用JavaScript,JSON或YAML文件来指定整个目录及其所有子目录的部署音讯。

这足以是格式为.eslintrc.*文本或package.json中的eslintConfig域,这两个ESLint都将电动搜索和读取,也得以在指令行中指定安排文件。

有多少个可配置的音讯:

  • Environment –
    您的本子被设计在所运行的环境。每个环境都含有一组预定义的全局变量。
  • Globals – 您的脚本在进行期间走访的此外全局变量。
  • Rules – 启用的条条框框和谬误的级别。

更多配备选项和细节,看官方配置文档http://eslint.org/docs/user-guide/configuring)。