코드 자동정렬 하는방법 - Prettier설치 및 예외

- 클린 코드 작성을 위해 정렬은 코드의 가독성을 높일수 있다.

- vsCode에서는 Prettier라는 extention을 제공해준다. 

1. Prettier 설치

-  extenstions에 prettier라고 검색후 install버튼을 눌러 설치해준다.

 

 

2. Prettier 설치를 했는데 정렬이 자동으로 되지 않을 경우 아래와 같이 진행함.

1) File >  Preferences >  Settings 에 들어감. 

 

 

2) 검색란에 editor format을 검색한후 Editor: Default Formatter를 설치한 Prettier로 설정해줌.

 

 

3) 밑에 쪽에 Editor: Format On Save와 Editor:Format On Type을 취향껏 체크해준다.

Format On Save는 저장시 코드를 자동으로 정렬시켜주고, Format On Type은 코드 입력시 자동으로 코드를 정렬해줌.

 

[결과 화면]

- 코드 입력했을 때 or 저장 시에 자동으로 정렬되서 너무 편하다 :)