[REACT] Prettier, 자동 코드 정리 사용 방법

1. Prettier 사용 방법

▷ 사용 이유 : 코드 자동 정렬

▷ 사용 방법 : F1( 단축키) → Format  →  Format Document 적용  →  자동 정렬

 

 

2. Prettier 설정 방법

▷ .prettierrc 파일 생성

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

 

 

 

3. 저장할 때 자동 코드 정리

F1( 단축키) → Format  →  Format Document 적용하기 번거로울 때 사용.

 

경로 이동 : file → prefferences  → settings → format on save 체크