온라인강의정리하기/HTML
확장자 하나 추천 및 알면 편한 단축키(VSCODE)
루체도
2019. 8. 17. 15:29
코드를 짜다보면 불편하다고 느끼는 것 중 하나가 줄을 맞춰주는거 아닐까요?
짜다가 중간에 필요없다고 생각되서 지우면 하나 하나 다 지워주는거 엄청 불편하지 않나요..
그래서 이번에 확장자를 하나 가져왔습니다
바로 Beautify라는 확장자 입니다.
확장자를 추가하는 방법은 이전글에 있으니 그 방법대로 검색을 한 후 인스톨을 해줍시다.
이 확장자를 사용을 하기 위해선 단축키를 설정을 해주어야 합니다.
이 바로 가기 키를 눌러주세요. 그러면 사용할 수 있는 단축키의 목록이 뜨게 됩니다.
이중에서 설치한 확장자를 단축키로 설치하려면 Beautify를 설치한 화면으로 돌아가서
기여라는 것을 클릭해주세요(모르시겠으면 맨 위의 사진 참조)
명령 2개 중에 HookyQR.beautify에 단축키를 지정을 해줄 것입니다. 이것을 복사해줘서
아까 열어줬던 바로 가기 키 창을 열어서 검색하는 곳에 붙여넣어주세요.
그러면 이제 여기서 키 바인딩을 하시면 됩니다.
저는 Ctrl + Alt + L 키를 바인딩 해줄 거에요!!
그럼 확장자 기능을 사용 하실 수 있게 되신 겁니다!
그럼 다음으로는 단축키를 알려드리겠습니다!
이 단축키 말고도 엄청 많은 단축키가 있는데 그것을 알고 싶다면 이 링크로 들어가주세요!
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
Windows 단축키 | macOS 단축키 | 설명 |
“Ctrl + B” | “Cmd + B” | 사이드바 열기/닫기 |
“Ctrl + P” | “Cmd + P” | 빠른 열기(파일이나 기호 탐색) |
“Ctrl + Shift + P” | “Cmd + Shift + P” | 모든 명령 표시(에디터의 모든 명령에 접근) |
“Ctrl + F” | “Cmd + F” | 찾기(검색) |
“Ctrl + H” | “Cmd + Opt(Alt) + F” | 찾기(검색)/바꾸기(대체) |
“Alt + Up” | “Alt + Up” | 커서가 있는 코드를 줄 위로 이동 |
“Alt + Down” | “Alt + Down” | 커서가 있는 코드를 줄 아래로 이동 |
“Shift + Alt + UpArrow” | “Shift + Alt + UpArrow” | 위에 줄 복사 |
“Shift + Alt + DownArrow” | “Shift + Alt + DownArrow” | 아래 줄 복사 |
“Tab” | “Tab” | 들여쓰기 |
“Shift + Tab” | “Shift + Tab” | 내어쓰기 |
“Ctrl + PageUp” | “Cmd + Shift + [” | 이전 편집기 열기(좌측 창으로 전환) |
“Ctrl + PageDown” | “Cmd + Shift + ]” | 다음 편집기 열기(우측 창으로 전환) |
“Ctrl + \” | “Cmd + \” | 편집기 분할(백슬래쉬) |
“Ctrl + 숫자” | “Cmd + 숫자” | 숫자번째 분할된 편집기 그룹에 포커스 |
“Ctrl + W” | “Cmd + W” | 편집기 닫기 |
이상으로 이번 글을 마치겠습니다~