IT/html, css

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

공장장J 2022. 3. 24. 18:27
반응형

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



! 입력 후 Enter

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




전체 과정


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

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



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




3. Html 기본 템플릿 완성



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

반응형