[VSCode] 코드정렬 - Prettier

VSCode 에는 코드 포맷을 자동으로 맞춰주기 위한 확장모듈이 있습니다. Prettier 라는 코드 포맷터로 이 모듈을 적용하면 코드 작성시 포맷에 대한 걱정없이 편하게 개발할 수 있습니다.

 

1. 확장모듈 설치

확장 모듈을 설치한 후에는 기본 포맷터를 설정합니다.

 

2. 기본 포맷터 설정

셀렉트박스에서 <Prettier - Code formatter>를 선택합니다.

그리고 추가적으로 파일 저장시 자동으로 포맷이 맞춰지도록 설정했습니다.

 

3. 저장시 포맷 적용

체크박스의 체크를 설정해줍니다.

이렇게 하고 개발 해놓은 파일을 다시 저장해보면 코드 포맷이 예쁘게 정렬된 것을 확인할 수 있습니다.