코드를 정리하고 싶은 부분의 영역을 선택한 후 Ctrl + K 와 Ctrl + F 를 차례대로 입력합니다.
HTML 코드가 설정되어있는 서식에 맞춰 정렬됩니다.
HTML의 서식 설정은 Settings > Extensions > HTML의 format들을 설정해 주면 됩니다.
설정할 수 있는 HTML format 하나씩 알아보기
HTML › Format: Content Unformatted
내용을 다시 포맷하지 않아야 하는 쉼표로 구분된 태그 목록입니다. null의 기본값은 프리 태그입니다.
HTML › Format: Enable
자동으로 정렬해주는 기능을 활성화합니다.
체크 해제 시 Ctrl + K Ctrl + F 를 입력해도 자동으로 정렬이 이루어지지 않습니다.
HTML › Format: End With Newline
파일 마지막에 공백 라인 한 줄을 추가합니다.
HTML › Format: Extra Liners
지정한 대그 목록 앞에 공백 라인을 추가합니다. 기본값은 <head>, <body>, </ html> 입니다.
Edit in settings.json을 클릭해서 "html.format.extraLiners": "" 을 추가하면 공백 라인을 추가하지 않을 수 있습니다.
HTML › Format: Indent Handlebars
{{#foo}} 및 {{/ foo}}를 형식화하고 들여 쓰기 하십시오.
HTML › Format: Indent Inner HTML
<head>, <body> 태그를 들여 쓰기 합니다.
HTML › Format: Max Preserve New Lines
한 줄에 보존할 최대 줄 바꿈 수입니다. 무제한으로 null을 사용하십시오.
HTML › Format: Preserve New Lines
기존 줄 바꿈을 그대로 유지합니다.
체크 해제 시 줄 바꿈이 있어도 설정되어있는 서식에 맞춰 공백 라인을 정리해 줍니다.
HTML › Format: Unformatted
다시 포맷해서는 안 되는 태그들을 설정합니다.
null은 https://www.w3.org/TR/html5/dom.html#phrasing-content에 나열된 모든 태그로 기본 설정됩니다.
HTML › Format: Wrap Attributes
랩 속성을 설정합니다.
HTML › Format: Wrap Line Length
한 줄에 들어가는 최대 글자 수를 지정합니다. 0을 입력하면 비활성화됩니다.
