Ctrl +,- 화면 확대 , 축소 가능
프로젝트의 단위는 폴더(디렉토리) 단위
파일 생성과 삭제는 VSCode 사이드바에서
html에서 느낌표+엔터 입력하면 기본 html 코드가 완성됨
-
작성할 때 코드 정리하는 습관
-
파일 단위 코드 정리
Alt+Shift+F 단축키-> 파일 단위로 코드 정리 -
특정 섹션만 코드 정리
드래그 -> Ctrl+K+F -
열린 태그 닫힌 태그 동시 자동 변경 (확장 기능)
Auto Rename Tag -
파일 명 옆에 흰색 동그라미는 아직 저장되지 않았음을 의미
-
단일 저장 외에 모두 저장이 효율적 -> ctrl+alt+s
-
live server로 (open with live server)html/css 결과물 확인
개발을 위해 임시로 로컬 서버를 오픈하는 것
제품(Product)는 실제 호스팅(사용자들이 접근 가능한) 서버에 업로드해야 함 -
단축키
사이드 바 (Side Bar) 열고/닫기 : Ctrl+B
빠른 열기 (파일이나 기호 탐색 ) : Ctrl+P
모든 명령 표시 (에디터의 모든 명령에 접근):Ctrl+Shift+P
편집기 닫기 : Ctrl+W
찾기: Ctrl+F
찾기(검색)/ 바꾸기 (대체): Ctrl+H (바꾸기, 모두 바꾸기 가능)
줄 위로 이동 : Alt+Up (한 줄의 위치를 변경)
줄 아래로 이동 : Alt+Down
아래에 줄 복사 : Alt+Shift+Down
위에 줄 복사 : Alt+Shift+Up
내어쓰기(Outdent) (왼쪽으로 당겨짐) : Shift+Tab
이전 편집기 열기(좌측 창으로 전환) : Ctrl+PageUp
다음 편집기 열기 (우측 탭으려 전환): Ctrl+pageDown
탭 우클릭하면 화면 분할도 가능 (html,css 파일 따로 볼 때 유용)
