VSCODE 자동 포맷팅 (Auto Formatting) 하는 방법

VSCode Extension 중 Formatter 가 너무 많아서, VSCode 에서 가끔 어떤 Formatter 를 사용할지 몰라 사용이 안되는 경우가 있다. 그럴 때는 4번만 수행하면 된다.

코드 자동 포맷팅하기

1. VS Code 의 Extension 중 Prettier - Code formatter 를 설치한다.
2. Cmd + Shift + A 를 입력하거나, View > Command Palette 를 클릭하여 Preferences: Open User Settings 를 찾아 클릭한다.
3. 검색어에 format 을 입력하고 Editor: Format On Save 를 클릭하여 저장 시 포맷팅 옵션을 활성화한다.
4. 다시 Command Palette 를 선택하고 Format document with... 항목을 클릭하여 Prettier - Code formatter 를 선택한다.

이래도 잘 안된다면, Command Palette > Format document with... 에서 Configure Default Formatter 를 클릭하여 다시 설정해준다.