Angular10升级到12后如何移除残留TSLint并迁移至ESLint

1. 卸载TSLint相关依赖 #

你当前项目package.json中现存的TSLint关联开发依赖共有3个：tslint、codelyzer、rxjs-tslint，执行对应包管理工具命令卸载即可：

• 使用npm的场景：

npm uninstall tslint codelyzer rxjs-tslint --save-dev

• 使用yarn的场景：

yarn remove tslint codelyzer rxjs-tslint --dev

2. 删除TSLint配置文件 #

删除项目根目录下所有TSLint相关配置文件，通常包括：

• 根目录tslint.json主配置文件
• 若存在针对测试、特定目录的拆分配置，比如tslint.spec.json、tslint.app.json等也一并删除

3. 清理项目配置中的TSLint关联项 #

3.1 调整package.json脚本 #

原有lint命令默认调用TSLint能力，若你还未配置ESLint替代可以先删除该命令，若已经完成ESLint迁移则修改为ESLint对应的执行命令即可，比如配置完ESLint后可以改成：

"lint": "eslint \"src/**/*.ts\" \"src/**/*.html\"",

你已有的prettier相关格式化命令不受影响，可以正常保留。

3.2 清理angular.json配置 #

打开项目根目录的angular.json，找到路径projects.academic-schedule.architect.lint对应的配置块，如果该配置块的builder为@angular-devkit/build-angular:tslint，直接删除整个lint配置块即可。

4. 补充校验 #

执行npm install或yarn install刷新依赖树，确认无TSLint残留；全局搜索项目内是否还有tslint:相关的注释、规则引用，全部删除即可完成清理。
如果后续需要继续使用代码检查能力，直接按Angular官方规范接入ESLint即可，接入时开启eslint-config-prettier就能和你现有prettier配置兼容，不需要调整原有格式化规则。
如果你的IDE（比如VSCode）安装了TSLint插件，建议禁用该插件避免项目报错，改用ESLint插件即可。

内容的提问来源于stack exchange，提问作者nop