VS Code Prettier 탭 간격 변경 및 HTML 태그 자동 줄바꿈 해제

단축키(windows) : Alt + Shift + F

1. VSCode 내 설치된 Prettier 검색

2. Extension Settings 

3. Open Setting UI (빨간 테두리)

4. setting.json 속성 값 추가

"prettier.tabWidth": 4,
"prettier.printWidth": 200

#Options : 
prettier.printWidth (default: 80)
한줄 내에서 코드를 맞춥니다. 한 줄이 이 글자수를 넘게 되면 줄바꿈되어 코드가 정리됩니다.
한줄로 표현되는 코드가 2줄이 되어버려서 저는 보기가 좋지 않아서 보통 200이상 잡습니다.
prettier.tabWidth (default: 2) : 텝을 눌렀을 때 몇칸이 띄어지는지를 설정합니다. 저는 보통 4를 놓고 씁니다.

 

출처1 - https://sensol2.tistory.com/84
출처2 - https://ux.stories.pe.kr/150