개요

프로젝트를 진행하면서 들여쓰기가 일관되지 않게 코드가 작성되어서, 가독성이 많이 떨어졌다. 수작업으로 들여쓰기를 하는 것도 시간이 걸렸다.

이런 문제를 해결하기 위해서 prettier 익스텐션과 VSCODE의 도움을 받아, 저장 시, 자동으로 코드가 정렬되도록 하는 설정을 하였다.

방법

1. VSC Extension prettier설치

2. VSC "~/.prettierrc" 파일 생성

{
  "tabWidth": 4, //탭 간격
  "semi": false,  // 줄 끝에 ; 붙힐지
  "singleQuote": true // false:"" or true:'' 
}

3.VSC setting > default format 검색 > Prettier 선택

4. VSC setting > format on save 검색 > 체크