인프런 커뮤니티 질문&답변

eslint관련 정리 및 질문을 조금 해볼려고 합니다.

정리

env : browser, node의 api들을 eslint가 알아서 알아 들을껀지 환경 셋팅

plugin: eslint 규칙들 집합 모음. eslint-plugin-prettier이면 eslint-plugin은 생략하고 넣으면 됨(["prettier"])

extends: plugin에 넣어둔 규칙들을 적용시키는 곳. @typescript-eslint/eslint-plugin이면 앞에 plugin을 붙이고 /eslint-plugin은 생략가능(["plugin:@typescript-eslint/eslint-recommended"])

parserOption.parser: 어떤 파서를 이용해서 AST를 만들어서 코드 포맷팅, 코드 품질향상을 시킬건지

질문

1. eslint-plugin-prettier(eslint에 prettier 넣어서 Eslint하나로 해결), eslint-config-prettier(eslint와 prettier의 겹치는 기능을 eslint에서 끔)을 원래 같이 쓰는 것을 공식문서에서 추천하던데 안쓰신 이유가 있나요 ?

2. prettier/prettier rule을 .prettierrc.js로 따로 빼서 적용시켰었는데 변경 할 때마다 vscode를 reload해줘야 적용이 됩니다. 이 부분은 원래 그런가요?

3. 마지막으로 @typescript-eslint 플러그인을 extends에 넣어줄떄 plugin:@typescript-eslint/eslint-rocommended, @typescript-eslint/recommended 이 2개가 어떻게 다른건가요 ? docs를 봐도 나오지 않아서 질문드립니다. ㅠ 

https://www.npmjs.com/package/@typescript-eslint/eslint-plugin