Lint (린트)

Lint (린트)

: 코드의 오류나 버그, 스타일 등을 점검하는 것.

 

 

ESLint

1. 포맷팅
2. 코드 품질 (코드 에러를 체크)

 

설치

npm install eslint

app.js

console.log()
(function(){ })()

.eslintrc.js (eslint 설정파일)

: eslint 설정파일 읽은 후 lint 실행

module.exports = {}

실행

npx eslint app.js

 

> 실행결과

: 빈값 (lint에서 실행된게 없음. -> 설정파일에서 아무것도 선언된게 없어서, 검사할 부분이 없음.)

 

 

 

 

.eslintrc.js

module.exports = {
  rules : {
  "no-unexpected-multiline" : "error"
  }
}

> eslint 실행 시, rules 의 규칙들을 체크 후 결과 반환

> multiline 규칙 추가, 어기는 경우 "error" 반환

 

> 실행결과

: error Unexpected ... (error 메시지)

 

> error 해결 - app.js 수정

console.log();

(function() { } )(); // ; 세미콜론 추가

 

 

---

 

.eslintrc.js

module.exports = {
  rules : {
  "no-unexpected-multiline" : "error", //스크립트 문법 에러 체크
  "no-extra-semi" : "error", // 불필요한 세미콜론 체크
  }
}

 

> 실행 시, --fix 옵션 주는 경우, 자동으로 문법 수정됨.  (규칙 중 일부분만 자동 수정 가능)

 

npx eslint app.js --fix