eslint, prettier 설정

1517 단어 설정설정

ESlint가 검사하는 항목과 특징

  1. 코드 포매팅 : 일관된 코딩 컨벤션을 유지
  2. 코드 품질 : 잠재적인 오류나 버그를 찾아줌.
  • ESlint는 노드 패키지로 제공되므로 npm 명령어 필요.
  • ESlint는 rules라는 규칙이 필요.

step 1

node 패키지 설치

node패키지 생성

$ npm init -y

eslint와 prettier 패키지 추가

$ npm i -D eslint prettier

eslint와 prettier 관련 패키지 설치

$ npm i -D eslint-plugin-prettier eslint-config-prettier
$ npm i -D eslint-plugin-node eslint-config-node

airbnb 관련 패키지 설치

$ npx install-peerdeps --dev eslint-config-airbnb

step 1

eslint 실행 및 설정

eslint 실행

$ eslint --init

.eslintrc.js 혹은 .eslintrc.json 설정

// .eslintrc.json
{
    "extends": ["airbnb", "prettier:prettier/recommended","plugin:node/recommended"],
    "plugins": ["prettier"],
    "rules": {
        "prettier/prettier": "error",
        "no-unused-vars": "warn",
        "no-console": "off",
        "func-names": "off",
        "no-process-exit": "off",
        "object-shorthand": "off",
        "class-methods-use-this": "off",
        "no-extra-semi":"error"
    }
}

좋은 웹페이지 즐겨찾기