eslint 설정하기

설치

npm install prettier eslint --dev

eslint 설정

./node_modules/.bin/eslint --init

플러그인 설치

eslint-plugin-prettier eslint-config-prettier eslint-plugin-react --dev

.eslintrc.json 파일의 rules에 아래 내용을 추가

"prettier/prettier": "error",
"indent": ["error", 4],
"react/prop-types": "off",
"react/react-in-jsx-scope": "off"

extends에 추가>"plugin:prettier/recommended"

plugins에 추가

"prettier"

prettier 설정

.prettierrc 파일을 생성하고, 아래 내용을 입력
prettier 옵션들

{
"arrowParens": "avoid",
"trailingComma": "none",
"singleQuote": true,
"semi": true,
"tabWidth": 4,
"printWidth": 120
}