드림코딩_by엘리/유투브강의_프론트엔드입문

드림코딩 by 엘리_Visual Studio Code 필수 단축키 정리.

AngeRay 2021. 8. 23. 18:54

Visual Studio Code 필수 단축키 정리.


무언가를 개발할 때 필수로 설치해야 하는 개발 tools

다양한 개발tools 중에 내가 어떤것을 만드느냐에 따라서 필요한 개발환경을 셋업하고

최대한 개발환경에 친숙해지고 기능들을 빠르게 익혀서 일의 효율을 극대화 시키는것이 중요하다.

 

 

어플리케이션 자체에서 유용한 기능과 단축키 그리고 코드 작성시 꼭 알아야하는 단축키를 알아보자

 

1. 커멘드 팔레트(ctrl + shift + p)

 - 실행 다능한 모든 명령어를 마우스없이 키보드 하나로 바로 실행 가능하다.

 - 파일 저장 하던지 아니면 포맷 그리고 원하는 명령어 검색시 관련된 기능들을 다 확인 가능하다.

 - 각각의 키보드 단축키도 확인 가능하다.

 - 해당하는 내용에서  enter를 치면 명령이 수행된다.

 

2. Quick Open(ctrl + p)

 - 해당하는 파일을 빠르게 검색하고 enter를 치면 해당하는 파일로 이동 한다.

 - 해당하는 단어를 전부 타이핑 하지 않아도 해당하는 파일로 이동 가능하다.

 

3. User Setting(ctrl + ,)

 - 오른쪽 상단의 아이콘 이용시 세팅에 관련된 파일을 열수있다.

 - 원하는 셋팅을 수동적으로 작성 가능하다.

 

4. Toggle Sidebar(ctrl + b)

 - 익스플로어창을 열었다 닫았다 기능 가능 

 

5. Toggle Terminal(crtl + ')

 - 비주얼스튜디오 코드에 내장된 터미널을 이용하는 경우에도 키보드로 간단하게 toggling이 가능하다.

 

6. Keyboard Shortcuts(ctrl + k + s)

 - 모든 단축키 확인 가능

 

7. 강력한 AI를 기반으로 한 코드 자동완성 기능을 제공하는 Kite

 - https://tinyurl.com/ycedv3sj

 

Kite - Free AI Coding Assistant and Code Auto-Complete Plugin

Code faster with Kite’s AI-powered autocomplete plugin for over 16 programming languages and 16 IDEs, featuring Multi-Line Completions. Works 100% locally.

www.kite.com

 

 - 다양한 언어들을 지원하고 있고 원하는 개발툴에 맞게 플러그인을 설치하면 간편하게 이용 가능하다.

 

8. beginning / end of file (ctrl + HOME / ctrl + END)

 - 파일의 제일 윗부분으로 이동 / 제일 아랫 부분으로 이동 

 

9. Move Word / Select Word

 - ctrl + 방향키 : 단어별 이동가능

 - ctrl + shift + 방향키 : 한 단어 선택 가능

 

10. Move line down/up(alt + 위아래 방향키)

 - 라인 위치 조정 가능

 

11. copy line down/up (shift + alt + 위아래 방향키)

 - 원하는 위치에 코드가 동일하게 복사되는것을 확인 가능하다.

 

12. Insert line below(ctrl +enter)

 - 중간에서 다음 줄에서 코드를 바로 작성 가능 하다.

 

13. Multi Selection(ctrl +d)

 - 한 파일안에서 여러번 반복어져서 사용되는 단어가 있다면 그리고 그것을 수정하고 싶다면 해당하는 단어에 단축키를 누르면 자동으로 모든 단어들이 선택되어 진다.

 

14. Undo last Cursor(ctrl + u)

 - 이전에 있었던 커서로 이동 가능

 

15. 다중선택(alt + click & shift + alt + drag mouse)

 - 멀티 선택 가능