[prettier] html 태그 한줄로 쓰기

화나는 짤

vscode 익스텐션중 하나인 prettier는 코드를 가독성 좋게 정렬해주는 기능을 가지고 있는데, 기본값 그대로 쓰면 캡쳐와 같은 사단이 벌어지게 됨. 길어도 한줄로 나왔으면 한다면 이렇게 설정해주면 됨.

 

 

일단 설정창(컨트롤+쉼표해서 prettier검색)에서 설정하는 방법과 옵션값으로 설정하는 방법이 있는데, 설정창에서 아래와 같이 설정해도 전혀 안먹혀서 방법이 없는줄 알았는데 옵션으로 설정하면 되더라.

직접 설정창에서 설정해주면 안먹힘;

 

[옵션값으로 설정]

1. .prettierrc 이라는 파일을 폴더 내에 생성

일할때는 이것만 빼고 커밋하면 된다.

 

 

2. 옵션값에 이렇게 설정

{
  "printWidth": 3000
}

한줄로 정렬이 되서 아주 좋다.

 

인터넷에 prettier 설정 이라고 치면 정리가 잘된 포스팅이 나오기때문에 참고하면 된다.

 

---

 

프리티어 공식 홈페이지 - 옵션값

Options · Prettier

Prettier · Opinionated Code Formatter