prettier
Feb 9, 2021
»
REACT
prettier란?
자동으로 코드의 스타일을 관리해주는 도구
저장하면 자동으로 줄바꿈이 일어나고 세미콜론을 넣어주는 등 커스터마이징이 좋음
-
파일 생성 루트 디렉토리 최상단에
.prettierrc
라는 파일을 생성// 기본설정 { "trailingComma": "all", // 객체 또는 배열이 여러줄일 때 맨 마지막 줄에 쉼표를 붙여줌 "tabWidth": 2, // 들여쓰기의 크기를 지정 "semi": true, // 세미콜론 자동 지정 "singleQuote": true // '를 사용할지 "를 사용할지 }
-
확장프로그램 설치 에디터 확장프로그램에서 Prettier 익스텐션을 검색후 설치
-
옵션 vscode 환경설정에서
Format On Save
를 검색후 체크하면 저장할 때 마다 자동으로 코드 변환이 됨