WebStrom 2021 에서 ESLint, Prettier 사용 에러

문제

github copliot 플러그인을 사용하고 싶어서 WebStrom을 현재 가장 최신버전인 2021.3 버전으로 업데이트 했더니 ESLint fix와 Prettier가 동작을 하지 않는다.

똑같은 프로젝트 환경인데 이전 버전인 2020.3 에서는 정상적으로 동작한다.

물론 패키지의 경로 설정도 아래 사진들처럼 제대로 지정해 준 상태이다.

해결

이 현상을 해결해보고자 검색을 해봤고 이 링크를 보고 해결 방법을 참고했다.

2020.3 버전의 웹스톰에서는 아래 사진을 보다싶이 eslint --fix 와 Prettier가 "모든 저장"이 실행될 때만 동작하도록 되어있다. 모든 저장을 저장이라던지 다른 조건으로 바꿀수 있는것 같지는 않아 보인다.

그래서 제시한 해결책은 저장 단축키를 누를 때에 모든 저장이 실행되도록 하는 방법이다.

1. cmd + , 로 환경설정을 열고 키맵에서 '모두 저장' 혹은 'save all' 이라고 검색을 한다.

2. 모두 저장 동작에 저장 단축키를 추가로 등록해 준다.

이제 저장 단축키를 누르면 파일 모두 저장이 실행되면서 Prettier 와 ESLint도 동작하게 된다.