[VS Code] HTML 템플릿 자동완성 기능 사용 방법 기초/기본(Emmet: 에밋)
Visual Studio Code에는 Emmet(에밋)이라는 플러그인이 기본으로 내장되어 있는데, 코딩을 아주아주 빠르게 할 수 있게 해주는 자동완성 기능이라고 보면 된다. 예를 들어, html 파일을 만들고, 느낌표( ! )만 입력하면 아래 화면 처럼 Emmet 자동완성 창이 뜨는데, 그대로 Enter를 치면, HTML기본 왁구가 완성된다. 또한 아래처럼 리스트를 만들려면, ul태그 쓰고, li태그 쓰고, 클래스 쓰고, 내용 쓰고, li 태그 닫고,,, 등을 반복해야 하지만. Emmet 자동완성 기능을 이용하면 아래 한 줄이면 끝난다. 클래스와 내용의 번호를 순차적으로 1씩 증가 시킨 것도 확인할 수 있다. 이번 글은 코딩 효율성을 엄청나게 높여주는 Visual Studio Code의 Emmet 기초 ..
2021. 3. 26.
