VScode에서 HTML 자동완성 키 / html 기본양식 템플릿 자동완성

비주얼 스튜디오 코드 visual studio code (VScode) 에서 html 파일 기본 뼈대 자동완성하는 방법 입니다. 일일이 타이핑 하지마세요~

! 입력 후 Enter

(느낌표와 Entet키 동시에 누르는 거 아닙니다)

전체 과정

1. 비주얼스튜디오 코드 열고 html 파일을 만들어주세요.

(*html 파일 만드는 법 : 파일 네이밍 끝에 .html 확장자를 붙이면 완성)

2. html파일에 !를 입력하고 엔터를 눌러주면...

3. Html 기본 템플릿 완성

Emmet 이라는 자동완성 플러그인이 내장되어 있어 html 기본 뼈대를 단 0.3초만에 완성할 수 있어요.