Prettier 설정하는 법 | vscode ctrl + s 만으로 정렬하는 법

 

급하게 쓰다 보면 불편하게 있는 코드들. . .

방법이 없을까 찾아보다가 발견한 Prettier 라는 좋은 방법이 있다는 걸 알았습니다.

vscode 에서 install 이 가능하므로 검색 한 뒤 찾아서 깔아봤습니다!

 

 

두근 거리며 ctrl + s를 누르고, 정렬될 모습에 신나 하고 있었지만 . , , 

어라...? 안된다 ❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗

왜 그런지 찾아보니, 깔기만 해서 안되는 거였다. . .

우선 세팅에 들어가, 

editor format on save

를 검색 한 후 체크 해주고,

 

또 F1 을 누른 뒤  JSON 을 검색 후 이걸 눌러 작성하거나 변경해줘야 하는게 있다.

이 귀찮은 짓들을 끝내면 , ... ctrl + s 만으로 깔끔하게 정렬 가능!! 

그러나 , pre 태그는 정렬이 바뀌니 주의 해야 합니다!!!!! ㅜ,ㅜ)/ ~