Eslint & Prettier 설정

설치

npx install-peerdeps --dev eslint-config-7ylee-vue

프로젝트 .eslintrc 파일

{
  "extends": [
    "7ylee-vue"
  ]
}

VSCode 설정

1. ESLint Extension 설치
2. 에디터 설정 파일 수정:
   • 에디터 설정 파일 여는 방법: cmd + shift + p => > Preferences: Open Settings (JSON)

  // JS & JSX 는 비활성화 - eslint로 포맷팅 하기 위해 에디터 디폴트 기능은 해제합니다.
  "[javascript]": {
      "editor.formatOnSave": false
  },
  "[javascriptreact]": {
      "editor.formatOnSave": false
  },
   // 에디터 디폴트 -문서 저장시 포맷팅 기능 활성화
  "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
  },
  // !필수 아님
  // VScode의 Prettier Extension이 설치 되어있으면 JS & JSX 자동 포맷팅 비활성화
  "prettier.disableLanguages": ["javascript", "javascriptreact"],

!중요

코드 에디터에서 .eslintrc 파일이 프로젝트 루트에 있어야 합니다.