본문 바로가기
기타++

[vscode] prettier 설정

by Jewny 2023. 2. 22.

코드를 작성하고 저장하면 프리티어가 예쁘게 정렬을 해준다.

근데 간혹

 

감자 : <input type~~> 고구마 :

<input type~~>

 

혹은

 

<label~~> 감자 </label

><label~~> 고구마 </label>

 

이렇게 저장되는 게 아닌가.ㅠㅠ..

 

프리티어 설정에서 저런 문제를 해결해 줄 수 있다!

여기 설정에 들어가면

검색 창이 뜨는데 아래처럼 prettier라고 입력하거나 

설정창의 왼쪽 메뉴의 확장에서 prettier를 찾아가두 된다.

 

난 총 세 개의 설정을 변경해주었는데

이 두 개를 설정해주면 태그 밀림이 없어진다.. 

300은 그냥 큰 값 입력한건데 width가 300이 넘어가면 줄바꿈이 될 수 있다.

저건 자기 맘대로 바꿔두 될 듯

이건 들여쓰기 할 때 몇칸 집어 넣을거냐 이 설정 같다

원래 2였는데 3, 4해보니까 쑥 쑥 들어감

화면 사이즈가 그렇게 크지 않아서 3 정도로 했땅.

 

하고 나서 코드 저장하니까 편안해짐..휴.. ㅎㅎㅎㅎㅎ

댓글