ESLint 와 TSLint

⚠️ TSLint is deprecated.

2019년에 TSLint 팀은 더이상 TSLint를 지원하지 않기로 결정했습니다.
그 이유는 ESLint가 존재하기 때문에 동일한 의도의 목적으로 프로젝트간에 많은 중복코드가 있었기 때문입니다. TSLint 팀은 ESLint의 마이그레이션을 지원하고 ESLint의 Typescript 지원을 개선 하는데 집중한다고 밝혔습니다. 다만, TSLint를 새로운 컴파일러 버전 및 기능과 호환성을 보장하도록 지원은 할 예정이라고 합니다.

Roadmap TSLint -> ESLint

Typescript ESLint 설정하기

Typescript 프로젝트에서 린팅을 위한 parser와 plugin을 설치합니다.

npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin

.eslintrc 파일을 생성하고 설정을 추가합니다.

touch .eslintrc

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "plugins": [
    "@typescript-eslint",
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "rules": {
    "no-console": 1,
    "no-loops/no-loops": 2
  }
}

• @typescript-eslint/eslint-recommended: eslint에서 규칙을 비활성화 하는 호환성을 위한 규칙 모음

• @typescript-eslint/recommended: Typescript Lint 규칙 모음

참고

https://github.com/palantir/tslint
https://github.com/typescript-eslint/typescript-eslint
https://medium.com/palantir/tslint-in-2019-1a144c2317a9
https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project