Prettier로 코드 예쁘게 정렬

협업, 혹은 포트폴리오 제출을 위한 코드를 작성하다 보면 상대가 알아보기 쉽게 코드 정렬을 해놓는 것은 아주 기본이다

하지만 vscode로 코드를 작성하다보면 코드의 들여쓰기를 깔끔히 작성하기 귀찮고 힘들다

이럴 때 저장과 동시에 코드를 보기 좋게 "정렬" 시켜주는 기능을 제공하는 것이 prettier 이다 !

설치

extensions 에서 Prettier - Code formatter 설치

설정

설치했다고 끝이 아니라 내가 원하는 "저장과 동시에 코드 정렬" 기능을 사용하기 위해서는 별도의 설정이 필요하다

설정으로 가서 검색창에 format을 검색한 뒤

이렇게 두가지를 사진과 같이 세팅한다

그럼 끄읏-! 👏👏