[vscode] VScode에 Prettier 깔고 적용하기

 

Visual Studio Code를 이용하는 노마드코더 클론 코딩 강의에서 니꼬쌤이 추천하는 코드 수정기(?)가 있다.

이름은 Prettier. 이 친구다.

설치된 상태이므로 uninstall 로 보인다.

Visual Studio Code 좌측에서 블록 네개로 된 아이콘 딱 봐도 앱스토어처럼 생긴 것을 클릭하고 Prettier 라고 검색하면 나온다. 거기서 install 클릭해서 다운 받기.

 

이걸 적용하려면 두가지 설정이 아래와 같이 되어있어야 한다.

(첫번째만 설정만 해서 적용되는 경우도 있고, 두번째 설정까지 해야 적용되는 경우도 있는 듯)

1. 좌측 하단 설정 아이콘 > settings > editor 검색 > format on save 활성화

2. default formatter 검색 > esbenp.prettier-vscode 선택

 

 

위 두 가지 설정 완료 시, 저장할때마다 코드가 예쁘게 정리되며 오타가 났거나 괄호를 닫지 않았거나 등등의 실수를 했을 경우 알아서 고쳐준다.

 

프리티어 짱 !