VSCode로 Flask Jinja Template의 Auto Formatting 설정방법

 

HTML에서 (Django, Jinja 등) Template 태그를 사용해서 작성할 수 있다.

 

그리고 나는  HTML에 대해 Auto Formatting 용도로 ESLInt + Prettier를 설정해둔 상태이다.

 

 

 

그래서 포매팅이 되면

 

박살이 난다 ^_ㅜ

 

 

그래서 설정 팔레트를 보고 있는데, HTML Extension에서 요걸 제공하기에 구경해봤다.

 

하지만 아무 효과가 없었다. HTML 포매팅은 ESLint + Prettier로 하고 있는걸

 

 

 

이 때는 Extension을 추가해주고 설정 하나를 바꿔주면 된다.

바로바로 djLint (https://marketplace.visualstudio.com/items?itemName=monosans.djlint)

 

요거는 eslint+prettier와 같이 lint+format을 같이 제공하는 extension이고, pip로도 존재한다.

 

무튼, 이거 깔고나서, 명령 팔레트에서 reload를 쳐 개발자 리로드를 한 다음

 

 

 

또 명령 팔레트에서 settings.json을 검색해 "user settings"를 연다.

참고로 settings.json은 (기본, 유저, 워크스페이스) 세 종류가 있는데,

 

기본 --> 정말 기본. 건들일 없음 (설정 팔레트 UI로 대부분 커버)

워크스페이스 --> 건들면 setting.json 파일이 남음 (심기거슬림)

 

이고, 보통 user 설정을 건든다.

 

그러면 [html] 이라고 적힌 곳에 포매터 설정이 있을 건데,

 

"esbenp.prettier-vscode" 를 "monosans.djlint"로 바꿔주고 저장하자.

 

 

 

그러면

 

 

 

짠

 

예뻐졌다.

 

끝