[vscode, prettier] vscode에서 프리티어 자동저장 시키기

목차

 

 

 vscode에서 prettier를 자동 적용 시키게해보자

프로젝트 내부에서 사용하고있는 .prettierrc파일이 있다. 하지만 파일을 저장할때 저장이안되는 이슈가있었다.

 

 적용방법

익스텐션 설치

익스텐션 Prettier - Code formatter를 설치해준다.

 

프로젝트 루트에 .prettierrc파일 추가

프로젝트 루트에 해당 세팅을 추가해준다.

 

VScode 세팅에 Default Formatter 설정

맥기준 [command + , ] 명령어를 통해서 설정을 열어준다.

그리고 default formatter를 검색후 우측의 Editor: Default Formatter에 Pretteir를 적용해준다.

 

VSCode 파일저장시 프리티어 설정되게 설정

format on save 검색

Editor : Format On Save 에 체크가 안되어있다면 체크를 시켜주면 된다.

 

VSCode 재시작

이후 VSCode 닫고 재시작하면 된다.