[VS Code] 내코드를 자동으로 예쁘게 만들어주는 Prettier 사용하기

코드를 매번 탭키를 눌러주고 정렬해주고 귀찮고 힘든작업을 하는 저희를 구원해줄 도구가 나타났다! 그것은 바로

 

Prettier !! (이쁘게) 

 

 

Visual Studio Code에서 익스텐션 설치하는 창으로 가신뒤, Prettier를 검색해주세요.

 

Prettier란 엉망진창인 제코드를 예쁘게 포맷해주는 도구랍니다.

 

이렇게 생겼어요!!

 

이걸 설치 후 

 

file -> preference -> settings 에들어가서 검색창에 format on save를 치신뒤 체크해주세요!

그럼 어떻게 실행되는지 보여드릴께요

 

수정 전

저장 버튼 누른 후

 

이렇게 코드를 알아서 정리해준답니다.

 

잠깐! 여기서 저장을 해도 소용이 없으신분들은 다음과 같이해주세요.

 

Ctrl + Shift + p 를 누른 후 입력창에 Format Document 라고 쳐주세요!

 

그러면 2개가 있어 다큐먼트를 포맷할 수 없다는 내용의 영어가 나오는데요(2개이상일수도)

 

그럼 거기서 우리가 깔았던  Prettier를 눌러주면 됩니다.!

 

그리고나서 저장을 누르시면 잘 될거에요.

 

그럼이만!~