prettier HTML 줄바꿈방지
prettier 사용중 html 태그들까지 자동 줄바꿈 처리가 됨
<button
id="toggleCodingViewBtn"
class="lnb-item"
v-show="CodingViewBtnVisible"
>
아래처럼 한 줄로 나오게 하기..
<button id="toggleCodingViewBtn" class="lnb-item" v-show="CodingViewBtnVisible">
해결방법
완전히 방지할 수 있는 방법은 찾지 못했고 길이에 따라서 줄바꿈 되도록하는 법을 찾았다
- prettier 설정파일 .prettierrc에서 줄바꿈 적용 길이를 늘려주면 된다.
(printWidth 글자 길이 변경)
적용 후 한줄로 잘 나옴
<button id="toggleCodingViewBtn" class="lnb-item" v-show="CodingViewBtnVisible">
이 외의 방법도 있었는데 내 코드에선 적용이 되지않았다 https://stackoverflow.com/questions/56291245/how-do-you-stop-prettier-in-vs-code-splitting-attributes-onto-multiple-lines
Author And Source
이 문제에 관하여(prettier HTML 줄바꿈방지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@nammm/prettier-HTML-줄바꿈방지저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)