1.什么是ESLint
ESLint 最初是 Nicholas C. Zakas 在 2013 年 6 月创建的一个开源项目，其目标是提供一个插件式的 javascript 代码检查工具。 简单来说，这个插件可以根据你设置的规则检测你的（JavaScript）代码打开typescript文件，在不符合规范的地方进行提示并提供解决方案。 如果想了解更多关于ESLint的信息打开typescript文件，可以访问官网（ESLint - Pluggable JavaScript linter - ESLint English）
2. ESLint 也可以用于 TypeScript 吗？
TypeScript 一开始也有一个标准插件叫 TSLint，不过虽然 TSLint 和 ESLint 类似，但 TSLint 早已停止维护了。 在TSLint的github上可以看到它已经迁移到了ESLint，所以现在无论是JS还是TS，都建议使用ESLint进行代码检测。
3. 如何在 VsCode 上使用 ESLint
这里我会介绍如何在VsCode上使用这个插件，其他编辑器应该类似。 首先，我创建了一个新文件夹，并在其中创建了一个新的 ts 文件。
图1
然后我们在vscode商店下载ESLint插件。
图2
前两步准备好后，我们就可以下载ESLint包了。 包管理需要 package.json 文件。 如果没有这个文件，可以使用命令 npm init 来生成这个文件。 输入此命令后，按 Enter OK。 有了这个文件，我们就可以开始下载ESLint包了，输入命令npm install eslint。 包下载完成后，一般会出现node_modules文件夹和package-lock.json文件。 Node_modules是我们下载的包放置的地方。 让我们检查一下是否安装了 eslint。 输入命令./node_modules/.bin/eslint -v，可能会出现如图3所示的错误。 首先，使用管理员重新打开vscode。 一般来说，如果使用cmd，问题就已经解决了。 如果使用powershell需要改变他的执行策略。 输入命令：Set-ExecutionPolicy RemoteSigned。 然后我们输入命令检查eslint是否安装。 如果出现图4，则证明已安装。
图3
图4
然后我们初始化eslint配置文件，输入命令：./node_modules/.bin/eslint --init，然后就会有选项供你选择，我们根据需要选择。 因为我们使用的是TypeScript，所以图5红框中选择yes。初始化后，会生成一个配置文件。 因为我选择了json格式的配置文件，所以这个配置文件名为.eslintrc.json。
图5
打开这个配置文件，内容如图6所示。官网解释了每个数组的含义，但一般来说，我们只需要设置rules数组，它规则你的代码。 至于如何配置规则，官网上也有明确说明。 这里我首先使用“no-console”规则来尝试ESLint是否生效。 这个规则意味着使用控制台会报错。 然后我们使用命令 ./node_modules/.bin/eslint ./Test.ts 来测试我们的文件。 如果出现错误，可能是由于缺少各个模块造成的。 如果错误消息表明缺少模块，我们将安装这些模块，如图 7 所示，这表明缺少 typescirpt 模块。
图6
图7
所需模块已经完成，我们再次运行监控命令查看Test.ts。 图8的出现说明我们的ESLint插件已经成功运行了。
图8
当我们打开Test.ts文件时，可以看到不符合规则的地方都会出现相应的提示。 当我们将光标移动到不符合规则的代码处时，就会出现提示。 提示违反了该规则。 还有一个快速修复选项可以为您提供一些有关如何修复它的建议。
图9
