파일 저장 시 자동으로 eslint과 prettier 실행하기

Loading...September 28, 2022

어떻게?

prettier 설정

  1. default formmater 설정으로 이동한다.
  2. None으로 되어 있는 값을 prettier로 변경한다
  3. 그리고, Format On Save를 활성화 한다

이렇게 하면 prettier는 동작하는걸 볼 수 있다
images

eslint 설정

  1. 설정에서 editor code으로 검색하여 Code Actions On Save를 찾는다
  2. Edit in settings.json을 클릭한다
  3. settings.json 파일로 이동되는데, 거기서 아래의 설정을 추가한다
    images 
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }