[VSCode] 유용한 단축키 및 단축키 설정

기본 단축키 

Alt + Z
코드를 한줄로 보거나 한 화면에 보거나 하는 토글 단축키

Ctrl + K S
열려있는 탭 모두 저장.

 

---

단축키 설정

- Wrap with Abbreviation(Ctrl + Shift + G)

Emmet에 있는 기능
명령창(Ctrl + Shift + P)를 열어 wrap을 검색 하면 아래 내용이 나오는데 "Wrap with Abbreviation" 선택해서
태그를 입력(ex: li, li*)하면 선택영역을 태그로 감싸준다.
Emmet: Wrap with Abbreviation   -----  O
Emmet: Wrap Individual Lines Abbreviation

명령창에서 검색해서 단축키 지정 가능하다. 검색하여 나오는 단어에 마우스를 데어보면 우측에 톱니바뀌가 나오는데
클릭하면 단축키를 설정할 수 있다.
단축키 설정 : Ctrl + Shift + G

 

- Join Lines(Ctrl + J)

들여쓰기나 내려쓴 코드를 한줄로 만들어 주는 단축키 이다.
기존 서브라임에서 사용하는 단축로 설정하였다.
Keyboard Shortcus(키셋팅)열어 "Join Lines"을 검색하여
Ctrl + j 로 단축키를 변경해준다.
단축키 설정 : Ctrl + J

 

- Emmet: Balance (outward)(Ctrl + Shift + A)

키세팅에서 위 문장을 검색하면 나오는데 서브라임에서 정말 유용하게 사용하였다.
찾느라 정말 애먹은 부분이기도 하다.
태그안에 마우스커서를 놓고 위 단축키를 입력하면 태그안에 내용만 선택되어 태그안에 내용을 바꿀때 아주 많이 사용한다.
Ctrl + Shift + A 로 단축키를 변경해준다.
단축키 설정 : Ctrl + Shift + A

---

참고

visual-studio-code - Visual Studio Code에 '태그 사이에서 선택'바로 가기가 있습니까? - IT 툴 넷

VSCode 유용한 단축키 설정 – dohoons(도훈) _(≥∇≤)ノミ☆

 

[VS Code] 대문자 또는 소문자로 변경하기 단축키 설정 (Transform to Uppercase or Lowercase)

VSCode에서 editor, terminal간 커서 이동 단축키 설정하기

 

VSCode (VisualStudio Code) - 줄 끝 공백 제거하기

 

불필요한 공백 제거

 

Visual Studio Code(비주얼 스튜디오 코드) css 속성 공백 제거 – wwwoong

Vscode 비주얼코드 브라우저 실행 단축키 설정하기

 

[VSCode] 저장 시 자동정렬 설정하기

 

영삼넷 :: vscode - Visual Studio Code - 미니맵 단축키 설정

 

VSCode 단축키 5분 정리