Visual Studio Code에서 Prettier 설정하기

Prettier를 cli로 사용할 수 있지만 Visual Studio Code에서 편하게 쓰고 싶어서
설정하는 방법을 알아봤다.

설치

CMD + Shift + P 단축키를 입력해서 Command Palette를 열고 다음을 입력해서 Prettier - Code formatter를 설치한다.

Prettier - Code formatter - Visual Studio Marketplace

1
ext install prettier-vscode

사용방법

문서에서 사용하려면 다음과 같이 사용하면 된다.

1
2
3
4
1. CMD + Shift + P -> Format Document
OR
1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection

저장할때 자동 적용

파일 저장할때 자동으로 prettier를 적용하려면

Code > 설정 > 기본 설정을 열어서 다음을 추가해주면 저장할때 자동으로 실행이 된다.

1
2
3
"[javascript]": {
"editor.formatOnSave": true
},
공유하기 댓글