[VSCode] prettier 설정하기

1. 일단 확장(extensions) 들어가서 prettier 치고 가장 처음 나오는 거 다운 받는다.

 

2. ctrl 과 , 키를 동시에 눌러서 설정 창을 연다.

 

3. 설정에서 Editor: Default Formatter 검색

 

Prettier -Code Formatter 선택

 

4. 설정에서 editor format on save 검색

 

체크 박스 체크해주기

 

5. Prettier 검색

 

 

본인이 편한대로 설정해주면 될 듯하다.

 

 

만약, 특정 파일만 설정 외의 값으로 지정하고 싶다면,

 

.prettierrc 파일을 만들어서 루트 디렉토리 안에 넣어 추가 해주면 된다.

 

예시는 아래와 같다.

 

{
  "printWidth": 120,
  "tabWidth": 4,
  "singleQuote": true,
  "trailingComma": "all",
  "semi": false
}