自动检查器

一起看海

检查器（Linters）是可以自动检查代码样式，并提出改进建议的工具。

它们的妙处在于进行代码风格检查时，还可以发现一些代码错误，例如变量或函数名中的错别字。因此，即使你不想坚持某一种特定的代码风格，我也建议你安装一个检查器。

下面是一些最出名的代码检查工具：

• [color=var(--foregroundAction)]JSLint —— 第一批检查器之一。
• [color=var(--foregroundAction)]JSHint —— 比 JSLint 多了更多设置。
• [color=var(--foregroundAction)]ESLint —— 应该是最新的一个。
  

它们都能够做好代码检查。我使用的是 [color=var(--foregroundAction)]ESLint。

大多数检查器都可以与编辑器集成在一起：只需在编辑器中启用插件并配置代码风格即可。

例如，要使用 ESLint 你应该这样做：

• 安装 [color=var(--foregroundAction)]Node.JS。
• 使用 npm install -g eslint 命令（npm 是一个 JavaScript 包安装工具）安装 ESLint。
• 在你的 JavaScript 项目的根目录（包含该项目的所有文件的那个文件夹）创建一个名为 .eslintrc 的配置文件。
• 在集成了 ESLint 的编辑器中安装/启用插件。大多数编辑器都有这个选项。
  

下面是一个 .eslintrc 文件的例子：

{  "extends": "eslint:recommended",  "env": {    "browser": true,    "node": true,    "es6": true  },  "rules": {    "no-console": 0,    "indent": 2  }}

这里的 "extends" 指令表示我们是基于 “eslint:recommended” 的设置项而进行设置的。之后，我们制定我们自己的规则。

你也可以从网上下载风格规则集并进行扩展。有关安装的更多详细信息，请参见 [color=var(--foregroundAction)]https://eslint.org/docs/user-guide/getting-started。

此外，某些 IDE 有内建的检查器，这非常方便，但是不像 ESLint 那样可自定义。