vscode 커맨드 정리

window 기준으로 작성

mac은 ctrl 대신 cmd 키

 

 

 

command

open folder : ctrl+o+k

show all commands : shift+ctrl+p

전체 선택 : ctrl+a

저장 : ctrl+s

모두 저장 : alt+ctrl+s

사이드바 닫기,열기 : ctrl+b     ->      activity bar 첫번째 단추 눌러도 가능

이름으로 파일 검색 : ctrl+p

지금 보고있는 탭 닫기 : ctrl+w

찾기(검색) : ctrl+f       ->       바꾸기 : ctrl+h

줄 위로 이동 : alt+up

줄 아래로 이동 : alt+down

아래에 줄 복사 : alt+shift+down

위에 줄 복사 : alt+shift+up

되돌리기 : ctrl+z

들여쓰기 : tab

내어쓰기 : shift+tab

다음 편집기 열기 (좌측 창으로 전환) : ctrl+page up

다음 편집기 열기 (우측 창으로 전환) : ctrl+page down

편집기 분할 (백슬래쉬) : ctrl+\         ->         기억안나면 tab에서 오른쪽 버튼 눌러서 화면 분할 가능

한줄 주석 : //

범위 주석 : ctrl + K → ctrl + c

주석 해제 : ctrl + K → ctrl + u

 

확장기능

korean language : vscode를 한국어로 만들어줌

beautify : 커맨드 지정(나는 alt+ctrl+l로 설정)을 통해 코드줄을 맞춰주고 예쁘게 만들어줌

auto rename : 앞 태그 이름이 바뀔 때 뒷 태그도 똑같이 설정해줌

live server : 로컬환경에서 보여줄 수 있게 해줌

 

 

그 외 tip

folder / directory 단위가 프로젝트 단위

파일 이름 지정할 때 소문자로 하는 것이 좋음

html 기본 구조 직접 지정할 필요 X 옆에 뜨는거 ex) ! -> 엔터/tab 누르면 해결

vscode는 activity bar에서 필요한 확장기능 설치해서 사용가능

코드 깔끔/꼼꼼하게 작성하는 습관들이기 -> 첫 코드 작성 습관이 코딩인생을 좌우한다

저장하는거 잊지말기

공백부분의 숫자를 잊지말기 (권장하는 tab 공백은 2)