[HTML] 요소 감싸기(wrap) 단축키 설정 (keybindings.json)

 

왼쪽 그림에 있는 태그들을

오른쪽 그림에 있는 태그들 처럼 감싸는 단축키를 설정해보도록 하겠습니다.

감쌀 때 emmet도 사용할 수 있어서 아주 유용 하답니다

자 그럼 VSCode를 실행 해 볼까요?

 

• 톱니바퀴모양 (setting)에 들어가시고
• Keyboard Shortcuts을 눌려줍니다.

 

• 오른쪽 상단에 그림과 같은 아이콘을 눌려주시면
• kebindings.json 파일을 열 수 있어요

여기에 아래의 코드를 붙여넣으면 끝 !

[
  {
    //wrap tag
    "key": "ctrl+alt+r",
    "command": "editor.emmet.action.wrapWithAbbreviation"
  },
  {
    //delete wrapping tag
    "key": "ctrl+shift+r",
    "command": "editor.emmet.action.removeTag"
  }
]

 

컨트롤 + 알트 + R로 감쌀 수 있고

컨트롤 + 시프트 + R로 부모를 삭제 할 수 있어요

 

감쌀 때 emmet도 적용 가능!!

아주 유용 굿잡!

 

---

Copyright ⓒ. JaePPy All rights reserved.

usopp1004@naver.com