[React] ES Lint에 대해

KBS·2022년 1월 25일
0

JS

목록 보기
9/9

ES Lint란

우리가 작성한 코드의 스타일을 정의하고, 그 스타일대로 작성이 되었는지를 일련의 과정을 통해 확인할 수 있게 하고, error를 나타내어 고칠 수 있도록 도와주는 모듈이다.

많은 사람들과 협업할때 각자 다른 코드 스타일을 갖게 되면 유지보수가 어려워지고 이해하기 힘든 코드가 된다. 따라서 어떠한 룰을 통해 스타일을 일관시키며, Error와 코딩 스타일을 잡아주기 때문에 한 사람이 코딩한것 처럼 코드를 작성할 수 있다.

ES Lint 설치 및 명령어

  • ES Lint를 설치

    npm install -D eslint

  • ES Lint를 초기호 한다.

    .\node_modules.bin\eslint --init

  • 모든 파일의 에러를 보고 싶다면,

    .\node_modules.bin\eslint [파일명|디렉토리]

  • 모든 파일을 fix 하고 싶다면,

    .\node_modules.bin\eslint ** --fix

  • 확장자 .js 파일만 fix하고 싶다면,

    .\node_modules.bin\eslint **/*.js --fix

참고

profile
FE DEVELOPER

0개의 댓글