[vsCode] 이멧(Emmet) 사용하기

HTML 문서에서 기본 양식을 작성할 때,

비주얼 스튜디오 코드의 Emmet 기능을 쓰면 빠르게 가능합니다.

 

파일(Files) - 기본설정(Preferences) - 설정(Settings) -

확장(Extensions) - Emmet - Trigger Expansion On Tab 체크

 

설정 검색에서 Emmet을 검색하면 바로 확인할 수 있습니다.

 

Trigger On Tab을 체크한 이후에는 파일에서 확장언어를 쓴 후 tab키를 누르면 적용됩니다.

 

 

html:5 입력 후, Tab키를 누르면 바로 기본 양식이 완성됩니다.

 

 

기본으로 지원하는 양식이나 자세한 설명은 공식 문서에서 확인할 수 있습니다.

code.visualstudio.com/docs/editor/emmet

Emmet in Visual Studio Code