VSCode에 ESLint auto fix 설정하기

ESLint

ESLint는 ES + Lint의 합성어로, Javascript의 에러를 표시해주는 도구입니다.

저장했을 때 자동으로 고쳐지게 설정하겠습니다.

VSCode에 ESLint를 이미 설치했다고 가정합니다.

설정

VSCode > 우축 상단 Code > Preferences > Settings > format on save 검색 > format on save 체크

 

VSCode > 우축 상단 Code > Preferences > Settings > code actions on save 검색 > Edit in setting.json 클릭

 

이제 아래 내용을 추가합니다.

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
}

 

확인

이제 잘 동작하는지 확인해보겠습니다.

문제없이 잘 동작합니다. :)

---

의견은 언제든 댓글로 남겨주세요. 🙂