Prettier 적용하기

 

vscode 를 실행하여 왼쪽아이콘에서 검색

prettier를 검색하면 해당 플러그인을 설치할 수 있다.

 

npm으로도 설치할 수 있다.

차이점은 vscode를 이용해 설치하면 플러그인으로 기능한다.

 

설치가 되었다면

작성중인 코드파일에서

ctrl + shift + p를 누르고(MAC : cmd + shift+p)

 

formatter document를 입력한다.

 

 

 

파일을 저장할 때도, perttier 형태가 적용된 상태로 저장하고 싶다면

메뉴 perference-> setting에서

 

format on save사용에 체크한다.

 

아니면 settings.json 에

 

"editor.formatOnSave": true

 

를 설정한다.