[프론트엔드 개발환경과 실습] Lint #7

seungmi lee·2021년 2월 24일
0

Frontend Dev Environment

목록 보기
7/7
post-thumbnail

👩‍💻 인프런 강의



Lint


ESLint

  • 최근 가장 많이 사용
  • 코드의 문제점을 검사하여 더 나은 코드로 정정해줌
  • npm i eslint
  • npx eslint app.js (실행)
  • .eslintrc.js 환경설정 파일 생성
// .eslintrc.js
module.exports = {
    rules: { // 검사 규칙 지정
        'no-unexpected-multiline': 'error'
    }
}
  • npx eslint app.js --fix (지정된 규칙에 한해서 자동 오류 수정 가능)
  • "extends": "eslint:recommended" 미리 설정된 규칙 세트 (지정된 규칙 이외에 더 필요하다면 rules 속성에 추가해서 확장)
  • npx eslint --init 명령어를 써서 사용하는게 수월 (프로젝트 설정 질문에 답을 하면 .eslintrc.js에 알아서 설정 코드가 생성됨)

package.js 파일 내 scripts 부분에 "lint": "eslint src --fix"를 추가하여 npm run lint로 실행 가능

profile
👩‍💻

0개의 댓글