개발/Web

Prettier HTML 태그 자동 줄바꿈 해제하기

센솔 2022. 11. 22. 17:17

적당히 보기 좋은 코드도
자동으로 줄바꿈해버린게 여간 짜증난다

 

VS code의 유용한 코드 정리 확장프로그램인 Pretter를 쓰다가 불편함이 생겼다.

그리 길지도 않은 태그를 지맘대로 줄바꿈 정리해버리는 문제였다.

 

해결방법은 생각보다 단순했다.

 우선 익스텐션 모드에서 Prettier를 찾은 다음, 프리티어 확장프로그램의 설정(톱니바퀴) 아이콘을 클릭한다.

 

가장 왼쪽 아이콘

그 다음, 우상단을 잘 보면 setting.json파일을 여는 Setting 아이콘이 있다. 이걸 클릭해주자.

 

그럼 여러 세팅들이 나올텐데, 마지막에 "prettier.printWidth": 200 를 추가해주면 된다.

200줄이 넘어갈때만 줄바꿈 정리해주겠다는 뜻이다.