본문 바로가기
개발 도구 및 Git 사용법/VSCode, Webstorm 등 개발도구

VSCode : prettier 환경 설정하기

by 번데기 개발자 2024. 12. 15.
반응형

 

개요

 

VSCode에서 Prettier를 설정하는 방법에 대해 알아보겠습니다.

 

 

설정방법

 

1. 플러그인 설치하기 

 

 

  • VSCode에서 `Prettier - Code formatter` 플러그인을 install 합니다.

 

2. VSCode Setting 변경

 

`Code > Preperence > Setting` 으로 이동합니다.

 

  • Default Formatter 를 Prettier로 변경합니다.

  • Format On Save 에 체크합니다.

 

위와 같이 설정하면 파일을 저장할때마다 Prettier가 적용된 결과로 바뀌는 것을 확인하실 수 있습니다.

 

 

마무리

 

오늘은 간단히 VSCode에서 prettier 설정을 하는 방법에 대해 알아보았습니다.

 

다음번에도 유용한 내용으로 포스팅하겠습니다.

반응형