VS Code 단축키 정리

당근 먹는 쿼카·2022년 10월 10일
0

개발 로그

목록 보기
2/16
post-thumbnail

해당 글은 꾸준히 수정이 될 예정입니다. 현재 최종 수정일 2022.10.19

💡 기본 설정 관련

1. 한국어 변경

확장(ctrl+shift+X) 탭에서 한국어를 검색 후 확장 파일 다운로드.

2. Live server

확장(ctrl+shift+X) 탭에서 Live server을 검색 후 확장 파일 다운로드.

html 코드 작성창에서 오른쪽 마우스 클릭 후 라이브 서버 페이지로 이동하거나, VSC 하단 Live 버튼을 눌러서 서버 페이지로 이동 가능.

3. 테마 및 아이콘 변경

좌측 하단에 있는 톱니바퀴(설정) 탭에서 색 테마, 파일 아이콘 테마, 제품 아이콘 테마를 변경.
현재 김당퀔이 쓰고 있는 테마는 Ayu Dark Bolder, Material Icon Theme

💡 코드 관련

1. 기본 html 양식 불러오기

!, html:5 입력 후 탭 혹은 엔터.

2. reset.css 불러오기

css는 브라우저마다 설정된 기본값이 있기 때문에 그것을 없애기 위해 reset값을 설정해 준다. html <head>부분에 링크를 넣어 준다.

참고 사이트

3. 코드 간단하게 쓰기

ul>li*4 입력 후 탭.

결과

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

div.quokka>div.carrots>div.carrot 입력 후 탭.

결과

<div class=quokka>
  <div class=carrots>
    <div class=carrot></div>
  </div>
</div>

4. 주석 달기

ctrl+/ 단축키 사용. 어떤 언어든지 ctrl+/를 사용하면 됨.

5. 줄 이동

alt + 방향키

6. 같은 내용 다중 선택

다중 선택하고 싶은 코드를 드래그 후 ctrl + d

💡 기능 관련

1. 공백을 사용한 들여쓰기

ctrl+shift+P을 눌러 들여쓰기를 검색하면 공백을 사용한 들여쓰기가 나오는데, 그것을 클릭 하면 설정값이 나온다. 추천 값은 2.

왼쪽 하단 톱니바퀴를 누른 후 설정 > 일반적으로 사용되는 설정 > Editor: Tab size

0개의 댓글