[Error] vscode prettier 설정 및 적용안되는 현상 해결

설정방법 (기본)

VSCode Extenstion탭에서 Prettier 검색하여 설치

원래 이렇게 하면 문제없이 prettier가 적용되어야 하는데..^^
아무리 저장을 해도 코드 정렬이 안되는 현상 발생 ....

해결방법

1. 설정 (Preference)에 들어가서 'editor format on save'를 검색 후, 체크박스에 체크 해준다.
   
   

2. 다시 설정에서 'default formatter'를 검색 후, prettier로 설정해준다. (여기가 None으로 되어있었다.. 흑흑)

설정 확인

제대로 설정되었는지 확인하기 위해 설정 검색창에 'json'을 검색해서 Edit in setting.json 파일을 눌러준다. (vscode 전반적인 설정값을 넣는 json 파일)

아래와 같이
editor.formatOnSave와 editor.defaultFormatter 설정이 true인지 확인 => 아니라면 true로 수정해주면 된다!

설정해주고 확인하니 이제 코드가 예쁘게 정렬된당 ^__^