从 TSLint 迁移到 ESLint
TSLint 过去曾是推荐的 Linter，但现在 TSLint 已被弃用，ESLint 正在接替其职责。本文将帮助您从 TSLint 迁移到 ESLint。
ESLint：安装
您需要安装 ESLint。ESLint 本身不支持 TypeScript，因此您还需要安装 eslint-typescript-support
npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin
或者如果您使用 yarn 作为包管理器
yarn add eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin --dev
上述命令会添加 ESLint，添加一个使 ESLint 能够理解 TypeScript 的解析器，并添加一些 TypeScript 特定的规则。
现在，为了使实际迁移更简单，请运行 tslint-to-eslint-config 工具。此工具将读取您的 TSLint 配置并从中创建“最接近”的 ESLint 配置。
npx tslint-to-eslint-config
此命令下载并执行该工具以执行迁移。有关更多选项，请查阅该工具的使用指南。
现在应该有一个新的 .eslintrc.js 文件、一个日志文件 (tslint-to-eslint-config.log)，并且可能会更改其他文件，例如 .vscode/settings.json。仔细查看更改，尤其是对现有文件所做的更改，并检查日志文件。
ESLint：配置
.eslintrc.js 文件通常足以开始使用，但 parserOptions.project 属性可能仍设置为您的 tsconfig.json 文件。这意味着 ESLint 规则可以使用语义信息，例如，此变量是字符串还是数字数组？此配置启用了一些强大的规则，但也意味着 ESLint 需要更长的时间来计算。扩展的默认规则不需要语义信息，除非您添加了需要语义信息的规则，否则我们建议您删除 parserOptions.project 属性。
ESLint：运行
您现在可以运行 ESLint 了，但在执行此操作之前，我们建议您禁用 TSLint。为此，请打开“扩展”视图并在 TSLint 扩展的上下文菜单中选择“禁用”。
是时候进行 linting 了！使用此命令：eslint -c .eslintrc.js --ext .ts <mySrcFolder>（请注意 --ext .ts 选项，它告诉 ESLint 查找 TypeScript 文件）。我们建议将该命令放在 package.json 文件的 scripts 部分，如下所示
"lint": "eslint -c .eslintrc.js --ext .ts <mySrcFolder>"
要将 ESLint 与 Visual Studio Code 集成，请执行以下操作
- 安装 ESLint 扩展。
- 通过“任务: 配置任务”命令创建一个任务并选择“npm: lint”。
- 在生成的
tasks.json文件中，将问题匹配器配置为$eslint-stylish。
提示：ESLint 有时在处理事情方面“更正确”，您可能会看到以前没有的警告，例如指出缺少分号。尝试使用 --fix 选项让 ESLint 为您清理代码。
TSLint：移除
恭喜。您现在应该有一个正常工作的 ESLint 设置，是时候进行清理了。
TSLint 的移除取决于您的项目，但通常步骤如下
-
更新
.vscode/extensions.json以推荐 ESLint 扩展，而不再是 TSLint"recommendations": [ "dbaeumer.vscode-eslint" ] -
移除
tslint.json文件。 -
移除
package.json文件中对tslint的依赖。 -
使用
npm uninstall tslint卸载 TSLint。