[VSCode] 비주얼 스튜디오 코드 HTML 기본 템플릿 자동완성 기능 사용하기

●  목적

HTML 파일 편집기는 상당히 여러 종류가 있지만, 개인적으로 VSCode (비주얼 스튜디오 코드)를 선호하는 편이다. 이 포스트에서는 VSCode로 html 파일을 첫 생성할 때, HTML 기본 템플릿을 자동 완성해주는 기능을 알아보도록 한다.

---

●  참고

확장자가 html이 아닐 경우 자동완성 기능이 동작하지 않는다. VSCode에서 열리거나, 새로 만든 파일의 확장자가 html인지 꼭 확인해 보자.

---

●  자동완성 기능 사용

코드 입력 창에 느낌표 (!) 를 입력 후, Tab 또는 Enter 키를 누른다.

 

 

 

HTML 기본 템플릿이 자동완성 되었다. 사용자의 입맛에 맞게 수정해서 사용하면 된다.