Home VScode Prettier 설정하기
Post
Cancel

VScode Prettier 설정하기

VScode의 Code Formatter인 Prettier의 기본 설정을
바꿀수 있는 방법을 알게 되서 기록합니다.

1. .Prettier 파일 생성

파일 최상된 디렉토리에 .Prettier 파일을 생성한다.

2. 설정하기

다음과 같은 형식으로 본인이 설정값을 지정하면 된다.

1
2
3
4
5
6
7
8
{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "all",
  "printWidth": 100
  }

예시 말고도 다른 설정값이 있다.

나의 경우, printWidth가 기본 설정값이 80으로 되어있었는데
너무 줄바꿈이 빨리 일어나서 오히려 불편했다.
100으로 설정하니 훨씬 편안한 코드작성이 가능했다.

Setting(cmd + ,)의 Prettier을 통해 설정하는 것도 가능하다.

참고자료 (reference)

VScode Code Formater 인 Prettier 완벽 적용하기
Prettier 적용하기


틀린점, 오타에 대한 것은 언제든지 알려주세요!

This post is licensed under CC BY 4.0 by the author.