webstorm에서 airbnb eslint 적용기

CRA의 경우 기본적으로 eslint 확장이 막혀있다. 그래서 환경변수 설정을 해주어야 한다.

Create React App · Set up a modern web app by running one command.

.env

EXTEND_ESLINT=true

airbnb eslint 설치 (CRA v2인 경우 아래 하나만 설치 해도 됨)

yarn add -D eslint-config-airbnb

만약 아니라면 (nextjs 프로젝트의 경우)

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

npx에서는 eslint도 설치

package.json 의 eslintConfig 부분 수정

"eslintConfig": {
  "extends": "airbnb"
},

설정 커스터마이징