怎樣安裝簡單配置ESLint

最近更新時間 2020-02-19 16:29:59

ESLint 是在 ECMAScript/JavaScript 代碼中識別和報告模式匹配的工具,它的目標是保證代碼的一致性和避免錯誤。在許多方面,它和 JSLint、JSHint 相似。

ESLint最初是由 Nicholas C. Zakas 於2013年6月創建的開源項目。它的目標是提供一個插件化的 javascript 代碼檢測工具。

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 分析代碼中的模式。
  • ESLint 是完全插件化的。每一個規則都是一個插件並且你可以在運行時添加更多的規則。

安裝 ESLint

安裝要求:Node.js (^10.12.0, or >=12.0.0)。

使用 npm 安裝 ESLint:

npm install eslint --save-dev

初始化配置文件:

./node_modules/.bin/eslint --init

運行 ESLint:

./node_modules/.bin/eslint yourfile.js

也可以全局安裝 ESLint ,使用的任何插件或可共享配置都必須安裝在本地。

npm install eslint --global

 配置文件

運行 eslint --init 命令之後,會自動創建 .eslintrc 文件。在 .eslintrc 文件中可以看到許多像這樣的規則:

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

"semi""quotes" 是 ESLint 中規則名稱。第一個是錯誤級別,可以使下面的值之一:

  • "off" or 0 - 關閉規則。
  • "warn" or 1 - 將規則視為一個警告(不會影響退出碼)。
  • "error" or 2 - 將規則視為一個錯誤 (退出碼為1)。

這三個錯誤級別可以允許你細粒度的控制 ESLint 是如何應用規則。

.eslintrc 配置文件可以包含下面的一行:

"extends": "eslint:recommended"

這行代碼表示啟用默認規則配置。只有在你的配置文件中擴展了一個可分享的配置或者明確開啟一個規則,ESLint 才會去校驗你的代碼。

rss_feed