VSCode로 자바스크립트를 연습하고 있는데
자신이 원하는 에러 메시지(변수 재선언할 경우, 세미콜론을 꼭 붙이도록 할 경우 등)를
에디터가 출력하게 하고 싶은 경우가 있다
기본적으로 JS의 경우 위의 에러 메시지를 잡아주지 않아서
확장기능을 설치해서 사용한다
1. VSCode 확장기능에서 ESLint를 설치
2. 노드js 설치
3. "Ctrl + ~"로 터미널 실행
터미널에서 아래 명령어 입력
npm install -g eslint
4. package.json 생성
계속 터미널에서 명령어를 입력
npm init
입력을 요구하는데 쭉 엔터로 넘어가고
마지막에 yes입력
그러면 기본값으로 package.json파일이 생성
5. .eslintrc.js 생성
터미널에서 마지막으로 명령어 입력
eslint --init
어떤 설정을 사용할 것인지 물어본다
자신이 사용하는 것을 위주로 선택(수정가능하니 부담x)
중간에 설치 질문 나오는 것 yes
설치를 종료하고 나면 ".eslintrc.js"파일이 생성된다
이 파일에 자신이 원하는 규칙을
rules에 입력하면 된다.
규칙들은 ESLint 사이트 참조
https://eslint.org/docs/rules/
6. settings.json 수정
1) F1키 눌러서 기본 설정 클릭
2) setting를 치고 스크롤을 내리다보면 보이는
settings.json에서 편집하기 클릭
3) settings.json 파일에 아래 설정 저장
자신이 사용하는 언어가 있으면 추가하면 됨
4) .eslintrc.js 파일 수정(자신이 최근에 사용하던 폴더에 생성되어 있음)
저는 아래와 같이 설정
5) "*.js"파일에서 코드 작성
아래 문제창에서 에러 메시지 출력
