VSCode Prettier setting, 저장 시 적용

오랜만엔 개발환경을 세팅해보니, 하나도 기억나지 않았다.

그중 비주얼 스튜디오 코드에서 익스텐션 이름 prettier는 기억해내서 다운로드하였는데,

아무리 저장을 눌러도 포맷이 변환되지 않는 것이다.

검색해본 뒤, 별도의 설정이 필요하다는 것을 알게 되었다.

 

1. VSCode의 왼쪽 아래의 톱니바퀴 모양을 클릭해 설정으로 이동한다.

2. 검색창에 'editor'를 입력 후, 왼쪽 메뉴의 서식을 클릭한다. -> Editor: Format On Save 부분을 체크해준다.

(외부에서 가져온 코드를 붙여 넣기 할 시에도 prettier적용을 원한다면, Editor:Format On Paste 부분도 체크해주면 된다.)

3. 검색창에 'editor default format'을 검색 후, Default Formatter를 Prettier로 설정해준다.

여기까지 설정해주면 저장 시 프리티어가 잘 적용될 것이다!☺️