Development/문제해결

eslint 적용 따라하고 에러잡기.. - Delete `␍`eslintprettier/prettier

Jun Mr 2021. 12. 19. 12:55
728x90
반응형

vsCode 설정 및 에러잡기

 

코딩을 위해 설정을 하던 중

협업과 관련하여

점점 eslint가 중요해지기 시작했다.

 

간단하게

세팅을 하고 바로 사용하면 될 줄 알았으나

에러가 크게 뙇!!

 

나 같은 경우는

nest js 의

exception filter를

커스텀 하여 사용하려고 코딩하던 중

회사 설정과 집 설정이 달라

세팅하던 중

에러를 뿜뿜 뱉고 있었다.

 

 

거슬리는 빨간 줄 표시들..

 

F8 을 누르면 에러 내용을 바로 볼 수 있다.

 

 

첫 줄 부터 바로 볼 수 있는 이 에러..

 

급하게 세팅을 하다가

eslint 만 설치하고

prettierr를 설치 하지 않았다면

이 것보다 더 최악의 에러가 발생 한다.

 

컨트롤 + 쉬프트 + X  (윈도우 기준) 버튼을 눌러

 

이 친구도 설치를 해주고!!

 

.eslintrc.js 파일에서 아래 코드 하나만 삽입해주자!!

 

rules: {
    'prettier/prettier': [
      'error',
      {
        endOfLine: 'auto'
      }
    ]
  }

 

그럼 모두 해결!

반응형