[The Odin Project | Full Stack JS] Emmet

🚀 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.

[Example]

🔎 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. 키 바인딩 추가
   

💡 TIL

• boiler plate? 정보기술에서 말하는 보일러 플레이트는 변경 없이 계속하여 재 사용할 수 있는 저작품
• Emmet cheat sheet
• Learn Emmet in 15min