Angular에서 tslint를 eslint로 마이그레이션하는 방법에 대해 이야기해 보겠습니다.

{ "root": true, "ignorePatterns": [ "projects/**/*" ], "overrides": [ { "files": [ "*.ts" ], "parserOptions": { "project": [ "tsconfig.json" ], "createDefaultProgram": true }, "extends": [ "plugin:@angular-eslint/recommended", "plugin:@angular-eslint/template/process-inline-templates" ], "rules": { "@angular-eslint/directive-selector": [ "error", { "type": "attribute", "prefix": "app", "style": "camelCase" } ], "@angular-eslint/component-selector": [ "error", { "type": "element", "prefix": "app", "style": "kebab-case" } ] } }, { "files": [ "*.html" ], "extends": [ "plugin:@angular-eslint/template/recommended" ], "rules": {} } ] }

• 以下eslint相关的cli配置被添加至angular.json，今后如果通过ng命令行生成lib或者application，将会自动在该模块下生成.eslintrc.json

"cli": { "defaultCollection": "@angular-eslint/schematics" }

2. 移除或替换tslint相关文件或者配置

• 删除根目录或模块下的tslint.json
• 删除tslint相关dev依赖包，如tslint或者typescript-tslint-plugin

/* eslint-disable */ const some_un_used_var;

로그인 후 복사
angular.json에는 다음과 같은 eslint 관련 cli 구성이 추가됩니다. 향후 ng 명령줄을 통해 lib나 애플리케이션을 생성하면 이 모듈 아래에 .eslintrc.json이 자동으로 생성됩니다

/* eslint-disable @typescript-eslint/no-unused-vars */ const some_un_used_var;

2. 이동 tslint 관련 파일 또는 구성 제거 또는 교체

tslint또는 typescript-tslint-plugin

(있는 경우)가 tsconfig.json에서 tslint-plugin 관련 구성(예:

)을 삭제할 때까지 기다립니다. 각도에서 tslint 구성(있는 경우)을 변경합니다. .json을 eslint로 변환합니다. 원래 tslint 구성을 수정합니다.

• 수정된 eslint 구성(예: projects/lint-test 디렉터리에서 lint를 실행하도록 구성):

3.일부 코드 또는 파일의 eslint 검사를 일시적으로 닫아야 하는 경우
• 코드 위에 다음 주석을 추가하여 코드의 eslint 검사를 일시적으로 해제하세요

ng lint

다음 경우에 규칙을 추가할 수 있습니다. eslint 검사는 일시적으로 검사를 끄는 이유를 나타내기 위해 주석에 오류를 보고합니다. 예를 들어, 다음 코드에서는 eslint가 사용하지 않는 변수를 확인하여 오류가 발생하는 것을 원하지 않습니다

"editor.codeActionsOnSave": { "source.fixAll.eslint": true }