1. VSCode 명령어

Visual Studio Code tutorial 단축키

Preferences > Keyboard Shortcut(바로 가기 키) 에서 단축키를 확인하거나 변경할 수 있습니다.

1.1 폴더 계층구조 전부 보이게 하기

• 설정창에 explorer.compactFolders 검색해서 체크 해제
• Ctrl(option) + K + 0(숫자) : 전체 접기

2. VSCode 내가 쓰는 것

2.1 peek

• CSS Peek
• HTML CSS Support

위 확장 기능을 설치하고, Alt + F12를 누르면, 해당 파일로 가지 않고 수정 가능

2.2 Refactoring

Ctrl + Shift + R 함수로 if, try 등 싸매기

2.3 rename symbol

변수나 함수 등을 클릭해서, F2누르거나, 우클릭해서 Rename Symbol 누르거나 하면, 연관된 해당 이름을 모두 바꿔줌

2.4 snippets

확장 기능에 snippets를 클릭해서 쓰기

2.5 debugger

for문 행동이 어떻게 돌아가는지 궁금하면, vscode에 왼쪽 break point 찍고 run and debug하기

2.6 multi cursor

Ctrl + Alt 누르고 아래 방향키, Alt + 마우스 클릭해서 수정

2.7 emmet

2.8 shortcuts

• Ctrl + L : 코드 줄 선택
• Ctrl + 아래방향키 : 아래 줄로 이동
• Ctrl + P : 프로젝트 파일 이동

2.9 wrap

감쌀 코드를 드래그하고, Ctrl + Shipt + P 하고 wrap까지만 치면

• Emmet: Wrap with Abbreviation (약어로 래핑)누르고 래핑할 단어 입력

3. 주요 기능

• setting → sticky 설정해두기
• Settings Sync (설정한 것들 동기화하기)

Command Palette

• (Windows/Linux) : Ctrl + Shift + P 또는 F1
• (Mac) : Shift + Command + P

Quick Open

• (Windows/Linux) : Ctrl + P
• (Mac) : Command + P

User Settings

• (Windows/Linux) : Ctrl + ,
• (Mac) : Command + ,

Toggle Sidebar

• (Windows/Linux) : Ctrl + B
• (Mac) : Command + B

Toggle Terminal

• (Windows/Linux) : Ctrl + (틸드)
• (Mac) : control + (틸드)

키보드 단축키 보기

Keyboard Shortcuts

• (Windows/Linux) : Ctrl + K + S
• (Mac) : Command + K + S
• Window용 VSCode Shortcuts keyboard
• Mac용 VSCode Shortcuts keyboard

빠른 코드 이동 모음

• beginning /end of file
  • (Windows/Linux) : Ctrl + Home / Ctrl + End
  • (Mac) : Command + ↑ / Command + ↓
• beginning / end of line : 라인 맨처음 끝으로 이동
  • (Windows/Linux) : Home / End
  • (Mac) : Command + ← / Command + →
• Move Word : 단어별 이동
  • (Windows/Linux) : Ctrl + ← / Ctrl+ →
  • (Mac) : Command + ← / Command + →
• Select Word : 단어 한번에 선택
  • (Windows/Linux) : Ctrl + Shfit + ← / Ctrl + Shfit + →
  • (Mac) : Command + ← / Command + →
• Copy Line
  • (Windows/Linux) : Ctrl + c
  • (Mac) : Command + c
• Move line down/up
  • (Windows/Linux) : Alt + ↑ / ↓
  • (Mac) : Command + ↑ / ↓
• Insert line below : 작성 중인 줄에서 바로 다음 줄로 넘어갈 떄
  • (Windows/Linux) : Ctrl + Enter
  • (Mac) : Command + Enter

단어 다중선택

• Multi Selection : 한 파일 안에서 여러 번 반복되어 사용되는 단어를 1개씩 선택
  • (Windows/Linux) : Ctrl + D (해당되는 단어 위에서)
  • (Mac) : Command + D

이전커서로 이동

• Undo last Cursor
  • (Windows/Linux) : Ctrl + U
  • (Mac) : Command + U

다중 커서 선택 모음

• Insert Cursor
  • (Windows/Linux) : Alt + Click
  • (Mac) : Option + Click
• Column (box) selection
  • (Windows/Linux) : Shift + Alt + drag mouse
  • (Mac) : Command + option + drag mouse
• 마우스로 여러 줄 선택
  • (Windows/Linux) : Ctrl + Alt + ↑ / ↓