본문 바로가기
Tools/VSCode

[VSCode] HTML 기본 템플릿 자동완성 기능 사용하기

by 썸머워즈 2022. 3. 1.
반응형

VSCode로 HTML 파일을 생성하면 처음에 역시 아무것도 존재하지않는데,

HTML을 구성하는 태그들을 반복해서 작성하는건 매우 귀찮은 일이니 VSCode에서 제공하는 자동완성 기능을 사용해보자.

 

사용법은 매우 간단하다.


1. 우측 하단에 파일 형식이 HTML이 맞는지 부터 확인한다.

(가끔 다른 형태의 HTML인 경우에는 자동완성 기능이 작동하지 않는다고 하니까 하는 확인절차다.)

 


2. 그리고 "!" 느낌표를 입력하고 엔터를 눌러주면...

(저렇게 느낌표를 입력하고 자동완성 창이 나온 상태에서 엔터를 눌러주라는 의미이다.)

* 추가적으로 "html:5"를 입력해도 가능하다


3. 기본 태그 자동 완성!

 


4. 그리고 필요에 따라 수정해서 사용하면 된다. (예를 들어 lang='en' 을 lang='ko'로 수정)

 

반응형


댓글

TOP