[태그:] emmet

VSCode의 코드 편집 기능 중에는 기본 단축키 구성이 안 되어 있는 유용한 명령들이 많이 있습니다. 필요할 때 F1 키를 누르고 명령어 이름을 입력해서 사용할 수 있지만 제가 주로 사용하는 몇 가지 유용한 단축 명령을 소개해드립니다.

‘파일-기본 설정-바로 가기 키’ 메뉴에서 고급 사용자 지정을 위해 keybindings.json 링크를 눌러서 아래처럼 바인딩 설정을 추가합니다.

// 키 바인딩을 이 파일에 넣어서 기본값을 덮어씁니다.
[
	{ "key": "ctrl+j",   "command": "editor.action.joinLines" },
	{ "key": "ctrl+r",   "command": "editor.emmet.action.updateTag" },
	{ "key": "ctrl+shift+r",   "command": "editor.emmet.action.removeTag" },
	{ "key": "ctrl+alt+r",   "command": "editor.emmet.action.wrapWithAbbreviation" }
]

설정이 추가되면 아래와 같이 사용할 수 있습니다.

1. joinLines (줄연결) : ctrl + j

커서의 다음 줄을 현재 줄로 끌어올릴 때 사용합니다.

2. UpdateTag (태그 업데이트) : ctrl + r

커서가 위치한 태그를 다른 태그로 바꿉니다.

3. removeTag (태그 제거) : ctrl + shift + r

커서가 위치한 태그를 제거합니다.

4. wrapWithAbbreviation (약어로 래핑) : ctrl + alt + r

선택 영역에 emmet 약어로 태그를 만들어 감쌉니다.