Eslint 소개

[shimdh]

Eslint

사이트 주소: https://eslint.org/

ESLint와 같은 linting 도구를 사용하면 개발자는 JavaScript 코드를 실행하지 않고도 문제를 발견 할 수 있습니다.

ESLint가 만들어진 주된 이유는 개발자가 자신의 linting 규칙을 만들 수있게하는 것에 었습니다.

ESLint는 모든 규칙을 완벽하게 플러그 가능하도록 설계되었습니다.

ESLint는 초기부터 유용하게 사용할 수있는 내장 규칙을 제공하지만 어느 시점에서든 규칙을 동적으로 로드 할 수 있습니다.

ESLint는 Node.js를 사용하여 작성되었으므로 npm을 통해 빠른 런타임 환경과 쉬운 설치를 제공합니다.

---

로컬설치

$ npm install eslint --save-dev

설정파일 생성

$ ./node_modules/.bin/eslint --init

eslint 사용

$ ./node_modules/.bin/eslint yourfile.js

설정

eslint --init 한 후에는 .eslintrc 파일이 디렉터리에 생깁니다.

그 파일의 내용은 아래와 같습니다.

{
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  }
}

위의 semi와 quotes는 규칙의 이름입니다.

• "semi"
  • ["error", "always"]: 문장의 끝에는 세미콜론을 항상 붙이지 않으면 에러라고 표시한다.
• "quotes"
  • ["error", "double"]: 스트링을 만들때 "을 사용하지 않으면 에러라고 표시한다.

현재 사용중인 설정

각 프로젝트의 루트 디렉터리에 .eslintrc.json가 위치하고 있습니다.

{
    "rules": {
        "linebreak-style": 0,
        "indent": [
            "error",
            4
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "always"
        ],
        "no-console": "off",
        "comma-dangle": [
            "error",
            "always"
        ],
        "max-len": [
            "error",
            120
        ]
    }
}

• "linebreak-style": 모두 허용
• "indent": 들여쓰기시에 스페이스 4칸을 하지 않으면 에러로 표시한다.
• "qoutes": 스트링을 만들시에 '사용지 않으면 에러로 표시한다.
• "semi": 문장의 끝에 세미콜론을 항상 추가하지 않으면 에러로 표시한다.
• "no-console": console 사용을 허용한다.
• "comma-dangle": 쉼표를 끝에 항상 추가하지 않으면 에러로 표시한다.
• "max-len": 한줄에 120자를 넘으면 에러로 표시한다.