DEV/React

vscode prettier 플러그인 설치 & .prettier파일 작성 & 입력 스타일(코드) 적용

김슈가 2024. 12. 3. 17:48
728x90
반응형

vscode  플러그인 설치 후 vscode 재실행 하기. 

프로젝트 루트 경로에 [.prettierrc] 생성하고 코드 입력 스타일 정하기 

jsx 파일 연 뒤에 ctrl + shitf + p 맥은 comm + shitf + p 눌러서 명령어 팔레트 열고 Format Document검색 후 엔터눌러서 실행하면 코드 스타일 적용이 된다. 

아래는 파일 저장할 때 마다 자동 적용 되게 하는 방법. 

settings 열어 검색후 체크

위와같이 해주면 prettier 설정 적용이 잘됨.

728x90
반응형