Prettier - 풀이
npm i prettier
npx prettier src/app.js --write
수정되는 부분
- 홀따옴표 -> 쌍따옴표
- 세미콜론
- 애로우펑션 앞뒤 공백추가
- 들여쓰기
하지만 위 처럼 prettier를 바로 사용해서 고치지 말고 eslint로 돌리는 것이 이번 문제의 목적이다.
왜냐면 eslint를 돌리고 또 prettier를 돌리는 것은 귀찮은 작업이기 때문에 eslint 하나로 통합해서 prettier까지 돌리도록 하는 것이다.
그렇게 하기위해선 패키지를 2개 더 설치해야된다.
npm i eslint-config-prettier eslint-plugin-prettier
// .eslintrc.js
module.exports = {
"env": {
"browser": true,
"es6": true
},
"extends": [
"eslint:recommended",
"plugin:prettier/recommended"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"rules": {
}
};
npm run lint
이렇게하면 prettier를 실행시킨 것과 동일하게 eslint로도 포매팅이 이쁘게 된 것을 확인할 수 있다.