[vscode] Prettier 적용방법, 적용 안되는 경우 해결방법

Prettier 적용 방법

 

Visual Studio Code에서는 사용자 편의를 위해 코드의 줄 간격이나 행을 자동으로 깔끔하게 정리해주는 확장프로그램이 존재한다.

 

왼쪽 사이드바에서 EXTENSIONS 아이콘을 클릭한 후 prettier 를 검색하게 되면 가장 위에 뜨는 걸 선택.

 

 

이미 설치되어 있는 경우 위와 같이 표시되어 있지만 설치가 안된 경우 install 버튼이 활성화 된다. 

설치하면 완료.

 

에디터 밑부분에 Prettier: ✔ 표시가 되어있다면 활성화된 것.

대부분의 프로그래밍 언어에서 사용 가능하고 pug 파일에는 적용 불가능하다.

 

 

 

 

 

Prettier 적용 안될 경우 해결방법

 

1. Format on Save 확인

>

vscode 설정에서 format on save를 입력하고 나오는 설정에 체크되어 있는 지 확인한다.

 

 

2. Default Formatter 확인

>

간혹 에디터의 default로 설정되어 있는 formatter가 null 이거나 설정이 잘못되어 있는 경우가 있다. 

설정이 esbenp.prettier-vscode 로 설정되어 있는 지 확인해야 한다.