Code Formatter Plugin - Prettier

1. 마켓플레이스에서 Prettier 플러그인 설치

2. F1누르고 format 입력 후 enter (code formatter가 prettier로 설정이 되어있어야함)

3. 코드 자동 정렬 및 세미클론,큰따옴표 실수 보정

 

프로젝트 루트 경로에 .prettierrc 파일 만들어서 

{
    "singleQuote": true,
    "semi" : true,
    "useTabs" : false,
    "tabWidth": 2
}

사용자 스타일 지정도 가능.

 

 

F1누르면서 enter쳐서 코드 포맷팅 하는 기능이 귀찮다면

VSC 상단 파일 탭 > 기본 설정 > 설정 들어가서 format on save 검색하고 

Fomat On Save Option 체크해주면 저장할때마다 코드가 자동 정렬됨.