[Tech] Visual Studio Code에서 prettier 적용하기

Visual Studio Code를 사용하면서 코드를 이쁘게 만들어주는 prettier 라는 확장 프로그램을 사용하게 된다. 설치 후 간단한 설정을 거쳐야만 적용이 가능하다.

환경 설정 들어가기

• Windows : File → Preferences → Settings
• Mac : File → Preferences → Settings (command + ,)

---

설정해주기

• FormatOnSave 를 검색해서 체크를 해준다.

• Default Formatter 를 검색해서 Prettier - Code formatter 를 설정해준다.

prettier 설정이 완료되었다. 이제 코드 작성 후 저장을 하면 자동으로 코드가 이쁘게 정렬이 되는 것을 볼 수 있을 것이다.