프로젝트에 airbnb eslint를 적용하는법

eslint-config-airbnb

https://www.npmjs.com/package/eslint-config-airbnb

1. airbnb eslint 라이브러리 설치

npm i eslint-config-airbnb

2. eslint 관련 부가 라이브러리 설치

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

3. eslint 세팅

npx eslint --init

4. .eslintrc.json 파일에서 extends 수정

"extends": ["airbnb", "plugin:prettier/recommended"]

규칙 무시하는 방법

완전 무시하고 싶은 규칙인 경우

"rules": {
  "space-before-blocks": "off" //혹은 [0], 0 등등
}

특정 코드에서 규칙을 한번만 무시하고 싶은 경우

• 무시하고자 하는 코드 바로 윗 줄에 // eslint-disable-next-line 추가

// eslint-disable-next-line
export default useAPIControlsForMountRefetch

하나의 파일에서 규칙을 무시하고 싶은 경우

• 무시하고자 하는 파일 맨 윗줄에 / eslint-disable / 추가

/* eslint-disable */
import {} from ~
...

지정한 특정 파일들을 무시

• package.json 파일에 "eslintIgnore": ["ignoredfile.js", "ignoredfile2.js] 코드 추가

지정한 디렉토리 혹은 파일을 무시

• .eslintignore 파일 생성 후 경로를 입력해서 무시

src/utils

VScode 파일 저장 시 자동 수행

• VScode Settings > settings.json에 아래 코드 추가

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}