[The Odin Project | Full Stack JS] Emmet

HICHULOG·2023년 9월 11일

The Odin Project

목록 보기

🚀 Emmet

What is Emmet?
Emmet is a plugin, built into VS Code, that helps you write HTML and CSS more efficiently by providing a bunch of clever shortcuts.


🔎 Emmet abbreviations

  1. Wrap with Abbreviation (⇧⌘A)
  2. Remove Tag (⌘K)

위와 같은 Emmet 단축키 이외에도 이 링크 Emmet Documentation를 가면 더 다양한 단축키를 알 수 있다.

📝 Setting up VS Code shortcuts

  1. code > 기본 설정 > 바로 가기 키 (⌘K ⌘S)

  2. emmet:wrap or emmet:remove같이 명령 검색

  3. 명령 옆 +버튼 클릭

  4. 키 바인딩 추가


🚀 Front-end Dev

0개의 댓글