[VSCode] html 기본 양식 세팅하는 방법

에디터에서 html 파일을 새로 생성하는 경우, 매번 html 기본 양식을 타이핑하는 건 정말 귀찮은 일이다. 물론 이 전에 작업했던 html 파일에서 복사해올 수도 있지만, 이 전 작업 파일이 없는 경우도 있고 있어도 작업된 부분은 지워야 해서 어차피 손이 가야 한다. 이럴 때 자동으로 html 기본 양식을 세팅해주는 기능이 있다.

 

 

목차

1. html 기본 양식 세팅 방법 1
2. html 기본 양식 세팅 방법 2

 

 

1. html 기본 양식 세팅 방법 1

1) 새 html 파일을 생성한다.

VS Code html 파일 생성

VS Code html 파일 생성

 

 

 

2) 하단에서 언어모드가 'HTML'인지 확인한다.

VS Code html 언어모드

 

 

 

3) 빈 html에 !(느낌표)를 입력한다.

VS Code html 기본 양식 세팅

 

 

 

3) Tab 키를 눌러주면 html 기본 양식이 세팅된다.

VS Code html 기본 양식 세팅

 

 

 

 

 

 

2. html 기본 양식 세팅 방법 2

1) 빈 html 화면에 'html'이라고 입력한 후, 아래와 같은 말풍선이 뜨면 'html:5'를 클릭한다.

VS Code html 기본 양식 세팅

 

 

 

2) html 기본 양식 세팅 완료

VS Code html 기본 양식 세팅