Vue cli eslint+prettier 탭이나 간격 오류 발생시

위 사진 처럼 prettier + eslint 사용시 텝이 잡혀있지 않지만 오류가 굉장히 많이 발생하는데 설정으로 tabWidth 80이나 tabsize 2로 설정해도 오류가 발생됩니다. 이런상태에서 아래 코드를 eslint설정 파일에 rull 아래 객체로 넣어주면 오류가 해결됩니다.

 

굉장히 많은 사람들의 해결법을 봤지만 이처럼 해결되는것 못봐서 글 작성 해봅니다 ㅜㅜ..

 

"prettier/prettier": [
      "error",
      {
        singleQuote: false,
        semi: true,
        tabWidth: 2,
        trailingComma: "all",
        printWidth: 80,
        bracketSpacing: true,
        arrowParens: "always",
        endOfLine: "auto",
        useTabs: false,
      },
    ],