Visual Studio Code

chaen·2023년 12월 8일

Tools

목록 보기
1/5
post-thumbnail

기본 단축키

단축키 구분핵심 설명Command ID
Ctrl + Enter코드 중간 부분에서 아래에 빈 행을 생성
Ctrl + Shift + Enter위에 빈 행을 생성
alt + (↑ or ↓)행의 코드 위/ 아랫줄과 순서 전환
Ctrl + /한줄 주석처리
Ctrl + K → C한줄 주석, 여러개를 한번에
Ctrl + K → U주석 처리 해제
Alt + Shift + A커서 앞 뒤로 주석 처리
Alt + Shift + (↑ or ↓)한 줄 위 아래로 같은 내용 복사
Ctrl + alt + (↑ or ↓)커서 위 아래로 한 번에 내용 수정
Ctrl + Shift + [ or ]커서 영역 접기/ 펼치기

언어 편집 단축키

단축키 구분핵심 설명Command ID
Ctrl + (← or →)단어 단위로 커서 이동
Ctrl + Shift + (← or →)단어 선택
Ctrl + Shift + L한번에 동일한 문자열을 선택하여 편집
Ctrl + DCtrl + D 를 누른 횟수 만큼 동일한 문자열이 선택
alt + 마우스 클릭필요한 문자열을 골라서 커서 추가( 동일 x 문자열)
tab/ shift+tab들여쓰기. 들여쓰기 취소

파일 관리 단축키

단축키 구분핵심 설명Command ID
Ctrl + N새로운 파일 탭 열기workbench.action.files.newUntitledFile
Ctrl + Shift + N새로운 창 열기workbench.action.newWindow
Ctrl + O폴더 내 파일 열기workbench.action.files.openFile
Ctrl + W파일 창 닫기workbench.action.closeWindow
Ctrl + Shift + T이전에 닫은 파일 다시 열기workbench.action.reopenClosedEditor
Ctrl + Shift + S다른 이름으로 파일 저장workbench.action.files.saveAs
Ctrl + \ 파일 화면 창 분할workbench.action.splitEditor
Ctrl + n(숫자)화면 분할 창 n번째 위치로 포커싱

기타

단축키 구분핵심 설명Command ID
! + Enter도큐먼트
link: csscss 경로
tag + enter해당 태그 코드 블럭 생성
lorem + enter더미 텍스트
tag > tag .class #id *n
ctrl + (+ or -)에디터 글씨 크기

CSSpeak 단축키

ctrl 로 id를 선택하면 미리보기가 가능
클릭을 하면 css 파일 해당 위치로 이동
ctrl + E 누르면 아래에 창으로 뜸 (단축키 수정)

0개의 댓글