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

 

Prettier란?
코드 포맷터(자동 코드 스타일링 도구)이다. 주로 JavaScript, TypeScript, HTML, CSS 등 다양한 프로그래밍 언어와 마크업 언어에서 사용된다. Prettier의 주요 목적은 코드 스타일을 일관되게 유지하고, 코드 포맷팅에 관한 논쟁을 줄이며, 코드 가독성을 높이는 것이다.

 

vscode에서 prettier를 설치 후 적용이 안되었다. 

 

1. Editor: Format On Save 설정이 체크 되어있는지 확인

체크가 안되어있다면 체크해주도록 하자

 

2. Default Formatter 확인

에디터의 formatter가 null로 설정이 되어있는 경우가 있다.

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