비주얼 스튜디오 prettier html 속성 건너 뛰는거 없애기

코드를 예쁘게 정리해주는 비주얼 스튜디오 익스텐션 prettier 를 쓰면

<ol 
	type="1" 
    class="numbered-list" 
    start="4"
>

이런 식으로 html 요소의 속성마다 엔터를 쳐서 정리한다.

가독성은 좋지만 나는 개인적으로 별로여서 해결법을 찾았다.

비주얼 스튜디오 익스텐션 설정으로 들어가서

상단 스크롤바에 wrapAttribute 를 검색하면

Extensions 아래에 Wrap Attributes가 나온다.

이때 auto를 force-alligned로 바꾸면 된다

이렇게 속성도 붙고 html 요소가 공간을 적게 차지한다. 굿