기타

코드 포맷터 ( Prettier ) 사용하기

hojomu 2023. 6. 15. 12:45

js 를 변경하고 싶을 때, 

다음과 같이 띄어쓰기가 되어있지 않다면 매우 곤란하다.

이 때 자동으로 코드를 포맷해주는 Prettier를 사용해보자


사용방법은 간단하다. 
npm에서 전역으로 prettier를 설치하고

3번의 명령어를 실행하면 되는데, vsCode의 powerShell 에서는 보안상 스크립트를 실행할 수 없었다.

이럴때는 

powerShell을 관리자 권한으로 실행한 뒤 

실행 정책을 Restricted 에서 RemoteSigned로 변경해서
js 를 powerShell에서 실행할 수 있도록 변경한 후, prettier를 사용하면

 

해당 js 파일이 다음과 같이 보기 좋아진다