[비주얼 스튜디오 코드] Prettier 설정하는 방법

비주얼 스튜디오 코드를 처음 설정할 때 Prettier를 같이 설치합니다.

하지만, 바로 사용이 잘 안되죠?

오늘 Prettier를 설치하고, 설정하는 방법에 대해서 알아 보겠습니다.

 

Prettier는 비주얼 스튜디오 코드에서 코드를 자동정리 해주는 확장프로그램입니다.

정말 추천합니다. 

 

이 외에도 Beautify가 있는데

Prettier는 코드를 강제적으로 변경을 시킨다면,

Beautify는 좀더 프로그래머에게 자유를 주는 편입니다. 

 

---

1. Prettier 설치하는 방법?

 

Prettier를 검색해서 설치하시면 됩니다.

 

 

---

 

2. Prettier 사용하게 환경설정 하는 방법?

 

(1) 화면 왼쪽 아래에 [ 톱니바퀴 ]를 클릭합니다.

    그리고 [ Settings ] 버튼을 클릭합니다. 

    단축키는 [ Ctrl ] + [ , ]를 입력해도 됩니다.

 

(2) 검색창에서 [ Default Formatter ]를 검색합니다.

Editor: Default Formatter에서 [ Prettier - Code formatter ]를 선택합니다.

 

 

(3) 검색창에서 [ format on save ]를 검색합니다.

Editor: Format On Save에서 체크를 합니다.