ESLint + Prettier 설정 한 방에 적용

2. ESLint, Prettier error 에러

윈도우 컴퓨터에서 코딩을 하고 맥북 노트북에서 소스코드를 열었더니 사진처럼 ESLint + Prettier 에러가 모든 파일에서 적게는 수십개에서 많게는 백개가 넘는 에러가 떴다. 이를 해결하기 위한 관련 라이브러리 설치 및 설정에 대한 블로그들은 많았지만, 막상 설치하고 나서 설정을 한번에 적용하는 방법에 대해선 나와 있지 않았다.

그래서 처음엔 에러들을 클릭해서 처리를 하다가...그러기엔 파일이 너무 많아서, 한번에 처리하는 방법을 찾았다. 역시 답은 공식 문서에...! 공식 문서 보는 습관 들이기!

1. Prettier 일괄 적용

위 내용처럼 프로젝트 루트 경로에서

npx prettier . --write

npx prettier . --check

를 진행하면 해결이 된다.

처음으로 써보는 블로그인데, 누군가에게 도움이 되었으면 좋겠다는 바램이다.

Ref

• https://prettier.io/docs/en/install.html