본문 바로가기
HTML & CSS

[HTML] 비주얼 스튜디오 코드 단축키

by 스응 2023. 2. 1.
728x90
728x90
 HTML 기본 구조 생성   - ! 입력 → [Tab]
    또는
  - html:5 입력
 저장   - [Ctrl] + [S]
 웹 문서 확인   - Open in browser : [Shift] + [Alt] + [B]
  - Live server : [Alt] + [L] [Alt] + [O]
 주석 처리   - [Ctrl] + [/]
  - <!-- 내용 -->
 같은 이름의 태그 여러 개 생성   - 태그명*개수
    ex) li*5
 하위 태그로 자동 생성   - 상위태그>하위태그 입력 → [Enter]
 코드 삭제   - [Shift] + [Delete]
 코드 잘라내기   - [Ctrl] + [X]
 코드 라인 복사   - [Shift] + [Alt] + [방향키 ↓]
 코드 위치 이동   - [Alt] + [방향키 ↑↓]
 코드 힌트 (자동 완성)   - [Ctrl] + [Space]
 실행 취소   - [Ctrl] + [Z]
 실행 취소 앞으로 되돌리기   - [Ctrl] + [Y]
 전체 선택   - [Ctrl] + [A]
 코드 줄맞춤 정렬   - 전체 선택 → [Ctrl] + [K] → [Ctrl] + [F]
 들여쓰기 취소   - [Shift] + [Tab]
 열 모드
 (같은 열의 코드 한 번에 수정)
  - [Ctrl] + [Alt] + 범위지정
 찾아서 바꾸기   - [Ctrl] + [H]
  - 공백인 채로 모두 바꾸기하면 특정 키워드 한 번에 삭제 가능
 코드 줄 추가   - [Ctrl] + [Enter]
 파일 검색   - [Ctrl] + [P]
 기능 검색   - [F1]
 터미널 실행 종료   - [Ctrl] + [C]

 

320x100
반응형

'HTML & CSS' 카테고리의 다른 글

[HTML] 링크 태그  (0) 2023.02.05
[HTML] 표 태그  (1) 2023.02.05
[HTML] 목록 태그  (0) 2023.02.05
[HTML] 텍스트 태그  (1) 2023.02.05
[HTML] 개요  (0) 2023.02.01

댓글