Vue(2) VS code에서 ES lint 설정하기

ES lint란? 

자바스크립트 문법에서 에러를 표시해주는 도구이다.
ES lint를 사용하여 에러 같이 정말 문제가 되는 부분만을 지정하거나 전반적인 코딩스타일(ex. tab 설정, ; 여부 등)까지 지정할 수도 있다. 많은 사람들과 협업할때 특히 유용하며 에러와 코딩 스타일을 잡아줘서 한 사람이 코딩한 것처럼 된다.

 

ES lint 설치하기

VS code에서 터미널을 키고 다음 명령어를 입력해준다.

 

1. eslint 설치하기 

npm install -g eslint

 

2. eslint 생성하기 

eslint --init

 

 

명령어를 입력하면 설정을 할 수 있다. (파란색 글씨가 내가 설정한 부분이다)

3. 모든 설정이 끝나면 프로젝트에 .eslintrc 라는 파일이 자동생성된다.

4. package.json에서는 미리 설정된 내용을 확인할 수 있다.

 

ES lint 적용하기 

여기까지 한방에 왔다면 VS Code를 껏다 다시 켜보자.

VS Code에서 방금 생성한 ESLint 설정 파일을 인식해, ESLint가 적용되기 시작한다.