目前使用 Angular CLI 创建的项目,默认使用的代码检测工具还是 TSLint。如何把这个项目中的代码检测工具改成 ESLint 呢?Angular ESLint 已经给出了解决方案,按章节 Migrating an Angular CLI project from Codelyzer and TSLint 的描述一步步操作就可以了。
当然,我们也可以自己安装 @angular-eslint/builder,在 Angular.json 中修改 lint,然后按照自己的需要配置 ESLint。
{
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
"lintFilePatterns": [
"src/**/*.ts"
]
}
}
}
现在,我们执行 npm run lint 或者 ng lint,就会运行 ESLint 来检测代码了。
文中使用的工具或者包的版本:
Angular CLI 11.0.6、eslint 7.17.0、@angular-eslint/builder 1.0.0