ESlint --fix 사용법, indentation 에러 (Expected indentation of 2 spaces but found 4)

ESlint 를 사용하기 위해 .eslintrc.js 파일이 깔려있으면 웬만해서는 자동으로 vscode를 규격에 맞도록 변경해주지만

 

해당에러

Expected indentation of 2 spaces but found 4

Expected indentation of 4 spaces but found 8 

에러가 지속적으로 발견된다면 

 

해결방법

1. 터미널창에 yarn lint --fix index.js 를 입력해본다

   * index.js 는 해당 에러가 발생한 파일

   * indentation 즉, 들여쓰기 에러를 해결할 수 있도록 세팅해준다.

   * 다만 이 방법은 완전한 해결이 아닌 지금까지 작성한 코드를 fix하는 것이므로 임시방편에 불과하다

 

2. 해결한 방법

  * ctrl + ,   혹은

  * vscode의 파일 -> 기본 설정 -> 설정 으로 설정 화면을 열어준다

  * 상단 검색 부분에 Code Actions On Save를 입력해준다

  * Code Actions On Save 하단에 있는 settings.json에서 편집을 클릭

  * settings.json 파일의 코드를 수정

    "[javascript]": {
        "editor.formatOnSave": false
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "vetur.format.defaultFormatter.js": "prettier-eslint",
    "editor.formatOnSave": true,
    "editor.insertSpaces": false,

 * 많은 검색을 통해 하나씩 알아내고 여러가지 조합하게 되었다.

 * 테스트를 통해 이 중 하나라도 빠지게 된다면 충돌이 일어나므로 이대로 쓰는것이 정답이였다

 * 이 후 정상적으로 해결