본문 바로가기

Tools

WebStorm ESLint 설정 및 Prettier 설정하기

반응형

ESLint 설정

  1. Setting 메뉴 열기 Flie > Setting 또는 Ctrl + Alt + S
  2. elint로 검색
  3. 아래와 같이 체크하고 ok

Prettier 설정

  1. Prettier 패키지 설치
  2. //특정 프로젝트에서만 사용하려면 --save-dev(데브설치) //모든 프로젝트에서 다 사용하려면 -g(글로벌설치) npm install --save-dev eslint-config-prettier
  3. Setting 메뉴 열기 Flie > Setting 또는 Ctrl + Alt + S
  4. Prettier로 검색
  5. Prettier package에 아까 설치한 패키지 위치 패스를 잡아준다
  6. 원하는 옵션 선택하고 저장.

반응형