emmet 사용법 요약

noname2048·2021년 2월 15일
0

초록

해당글은 저자가 손으로 쓰는 공부를 하기위해 emmet에 대해 다른사람들이 정리한 글과 대략의 문서를 보고 요약한 글입니다. 이 글을 참조해도 좋지만 다른 좋은 정리글도 살펴보세요

| 이글은 수정중에 있습니다.

본론

https://docs.emmet.io/abbreviations/syntax/

  • child >
  • sibling +
  • climb-up ^
  • multiplication *
  • grouping ()
  • id #
  • class .
  • numbering $
  • numbering-direction @
  • text {}

div 태그의 경우 클래스만 써도 됨
스페이스바 공백은 태그 바깥에 허용되지 않음

vscode 에서 Balance shortcut이 지정이 안되있음
따라서 어느키에 매핑할 건지 알려면
어느 키가 비어있는지 확인해야함

Ctrl + 왼손

  • q 종료

  • w 창닫기

  • e 파일이름으로 찾기

  • r 해당파일로 윈도우 다시열기

  • t 특정변수명으로 이동

  • a 모두선택

  • s 저장

  • d vscode 단어선택 기능

  • f 찾기

  • g 라인이동

  • z 실행취소

  • x 자르기

  • c 복사하기

  • v 붙여넣기

  • b 탭메뉴 확장/축소 토글

Ctrl + 오른손

  • y

  • u ? 알수없는 기능

  • i 자동완성입력시작

  • o 파일열기

  • p 파일이름으로 찾기 (중복?)

  • [ 해당라인 내어쓰기<-

  • ] 해당라인 들여쓰기->

  • h 바꿔치기

  • j 터미널 아래 창 확장/축소 토글

  • k 기능키 (예: k+t 테마보기 k+t 코멘트 k+u 언코멘트)

  • l 라인선택

  • ;

  • '

  • n 새창열기 / 커스텀: 자동완성 다음선택 (vim 에서 따옴)

  • m ? tab move focus

  • , 설정열기

  • . ? code action

  • ? 해당라인 코멘트화

ctrl y가 어떨까 제안 -> 사용중

https://dev.to/macmacky/my-vscode-shortcuts-settings-and-extensions-for-productivity-3chd

profile
설명을 쉽게 잘하는 개발자를 꿈꾸는 웹 개발 주니어

0개의 댓글