eslint, prettier

eslint : 코드 포맷터 + 코드 에러잡아내고 코드 문법 강제 (품질개선)

prettier: 코드를 예쁘게 (에러를 잡아내지 못함)

 

 

* eslint-config-prettier 패키지는 ESLint 규칙에서 Pretter 규칙과 충돌하는 규칙들을 OFF 시키는 역할

* eslint-plugin-prettier는 Prettier 규칙들을 ESLint 규칙에 추가하는 패키지입니다. 즉, eslint --fix 만 실행해줘도 prettier --write를 사용할 필요 없이 prettier까지 적용

 

module.exports = {
  ...
  plugins: ['prettier'],
  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
  rules: {
    'prettier/prettier': ['error', {}, { usePrettierrc: true }]
    ...
  },
}