emmet 이란?
emmet은 HTML 및 CSS 등에 쓰이는 단축키를 사용할 수 있는 것이다.
emmet 사용법
- ctrl + shift + P를 눌러서 커멘드 패널을 열고 emmet을 검색한다.
- 첫번째로 뜨는 emmet: Balance (inward)를 누른다.
- 여러 방법의 단축키를 입력하여 간편하고 빠르게 코드를 입력한다.
- 쉽고 유용한 사이트 :
https://www.hanl.tech/blog/emmet-%EB%8B%A8%EC%B6%95%ED%82%A4-%EB%B0%8F-%ED%8A%B8%EB%A6%AD-9%EA%B0%80%EC%A7%80/
한줄 삭제
- shift + Delete : 한 줄을 한번에 삭제
코드 빨리 생성
- tab
- 탭 + 코드 + 탭
코드 동시 생성
- (플러스) +
- 탭 + 코드 + + + 코드
한번에 여러개의 코드 생성
- (곱하기 숫자) *2
=> 같은 코드가 2개 생성 - 탭 + 코드 + *숫자(생성될 갯수) + 탭
여러개를 순서별로 코드 생성
- (달러 곱하기 숫자) &*3
=> h1,h2,h3 처럼 순서대로 코드 생성 - 탭 + 코드 + &*숫자(생성될 갯수) + 탭
코드와 내용을 동시에 담고 순서대로 생성
- &{내용적기}*2
- 탭 + 코드 + &{내용}*숫자(생성될 갯수) + 탭
의미 없는 글자 생성
- p태그 후 lorem
- 탭 + p + 탭 + L + 화살표 윗방향(lorem클릭)
- 길게 늘어진 글자를 정리하려면
- file - prefrences - settings
- 검색에 "wrap" 입력
- 첫번째 Editor:World Wrap의 off를 on으로 변경
등등 이 외 여러 방법이 있다.
