Keyboard Shortcuts Cheat Sheet

Quick reference for the most useful keyboard shortcuts you’ll use daily in Angular development. Keep this handy as you work through the training materials and your Angular projects.

Visual Studio Code

Essential Shortcuts

Command Palette: ⌘ + ⇧ + P Ctrl + Shift + P Ctrl + Shift + P
Quick Open (files): ⌘ + P Ctrl + P Ctrl + P
Settings: ⌘ + , Ctrl + , Ctrl + ,
Keyboard Shortcuts: ⌘ + K Ctrl + K Ctrl + K then ⌘ + S Ctrl + S Ctrl + S
Extensions: ⌘ + ⇧ + X Ctrl + Shift + X Ctrl + Shift + X
Toggle Terminal: ⌃ + ` Ctrl + ` Ctrl + `
New Terminal: ⌃ + ⇧ + ` Ctrl + Shift + ` Ctrl + Shift + `

Editing

Cut Line: ⌘ + X Ctrl + X Ctrl + X
Copy Line: ⌘ + C Ctrl + C Ctrl + C
Move Line Up/Down: ⌥ + ↑ Alt + ↑ Alt + ↑ / ⌥ + ↓ Alt + ↓ Alt + ↓
Copy Line Up/Down: ⇧ + ⌥ + ↑ Shift + Alt + ↑ Shift + Alt + ↑ / ⇧ + ⌥ + ↓ Shift + Alt + ↓ Shift + Alt + ↓
Delete Line: ⌘ + ⇧ + K Ctrl + Shift + K Ctrl + Shift + K
Insert Line Below: ⌘ + ↵ Ctrl + Enter Ctrl + Enter
Insert Line Above: ⌘ + ⇧ + ↵ Ctrl + Shift + Enter Ctrl + Shift + Enter
Toggle Line Comment: ⌘ + / Ctrl + / Ctrl + /
Toggle Block Comment: ⇧ + ⌥ + A Shift + Alt + A Shift + Alt + A
Format Document: ⇧ + ⌥ + F Shift + Alt + F Shift + Alt + F
Multi-cursor: ⌥ + Click Alt + Click Alt + Click
Select Next Match: ⌘ + D Ctrl + D Ctrl + D
Select All Matches: ⌘ + ⇧ + L Ctrl + Shift + L Ctrl + Shift + L

Go to Line: ⌃ + G Ctrl + G Ctrl + G
Go to Symbol: ⌘ + ⇧ + O Ctrl + Shift + O Ctrl + Shift + O
Go to Definition: F12 F12 F12
Peek Definition: ⌥ + F12 Alt + F12 Alt + F12
Go Back: ⌃ + - Ctrl + Alt + - Ctrl + Alt + -
Go Forward: ⌃ + ⇧ + - Ctrl + Shift + - Ctrl + Shift + -
Find: ⌘ + F Ctrl + F Ctrl + F
Replace: ⌘ + ⌥ + F Ctrl + H Ctrl + H
Find in Files: ⌘ + ⇧ + F Ctrl + Shift + F Ctrl + Shift + F

Workspace

Toggle Sidebar: ⌘ + B Ctrl + B Ctrl + B
Explorer: ⌘ + ⇧ + E Ctrl + Shift + E Ctrl + Shift + E
Search: ⌘ + ⇧ + F Ctrl + Shift + F Ctrl + Shift + F
Source Control: ⌃ + ⇧ + G Ctrl + Shift + G Ctrl + Shift + G
Debug: ⌘ + ⇧ + D Ctrl + Shift + D Ctrl + Shift + D
Split Editor: ⌘ + \ Ctrl + \ Ctrl + \
Close Editor: ⌘ + W Ctrl + W Ctrl + W
Reload Window: ⌘ + ⇧ + P Ctrl + Shift + P Ctrl + Shift + P then type “Reload Window”

Debugging

Toggle Breakpoint: F9 F9 F9
Start/Continue: F5 F5 F5
Step Over: F10 F10 F10
Step Into: F11 F11 F11
Step Out: ⇧ + F11 Shift + F11 Shift + F11
Stop: ⇧ + F5 Shift + F5 Shift + F5

Terminal / Shell

Previous Command: ↑ ↑ ↑
Next Command: ↓ ↓ ↓
Search History: ⌃ + R Ctrl + R Ctrl + R
Clear Screen: ⌘ + K Ctrl + L Ctrl + L or type clear
Autocomplete: ⇥ Tab Tab

Control

Cancel Command: ⌃ + C Ctrl + C Ctrl + C
End of File (EOF): ⌃ + D Ctrl + D Ctrl + D
Move to Start of Line: ⌃ + A Ctrl + A Ctrl + A
Move to End of Line: ⌃ + E Ctrl + E Ctrl + E
Delete Word Backward: ⌃ + W Ctrl + W Ctrl + W
Delete to End of Line: ⌃ + K Ctrl + K Ctrl + K

Common Commands

pwd              # Print working directory
ls               # List files
ls -la           # List all files (including hidden) with details
cd directory     # Change directory
cd ..            # Go up one level
cd ~             # Go to home directory
mkdir name       # Create directory
rm file          # Remove file
rm -rf directory # Remove directory and contents (use carefully!)
cp source dest   # Copy file
mv source dest   # Move/rename file

Browser

General Browser Shortcuts

New Tab: ⌘ + T Ctrl + T Ctrl + T
Close Tab: ⌘ + W Ctrl + W Ctrl + W
Reopen Closed Tab: ⌘ + ⇧ + T Ctrl + Shift + T Ctrl + Shift + T
Next Tab: ⌘ + ⌥ + → Ctrl + Tab Ctrl + Tab
Previous Tab: ⌘ + ⌥ + ← Ctrl + Shift + Tab Ctrl + Shift + Tab
Refresh Page: ⌘ + R Ctrl + R Ctrl + R
Hard Refresh (clear cache): ⌘ + ⇧ + R Ctrl + Shift + R Ctrl + Shift + R
Open DevTools: ⌘ + ⌥ + I Ctrl + Shift + I Ctrl + Shift + I or F12 F12 F12
Address Bar: ⌘ + L Ctrl + L Ctrl + L
Find in Page: ⌘ + F Ctrl + F Ctrl + F
Zoom In: ⌘ + + Ctrl + + Ctrl + +
Zoom Out: ⌘ + - Ctrl + - Ctrl + -
Reset Zoom: ⌘ + 0 Ctrl + 0 Ctrl + 0

Browser Developer Tools

Opening DevTools

Open DevTools: ⌘ + ⌥ + I Ctrl + Shift + I Ctrl + Shift + I or F12 F12 F12
Open Console: ⌘ + ⌥ + J Ctrl + Shift + J Ctrl + Shift + J
Open Elements: ⌘ + ⌥ + C Ctrl + Shift + C Ctrl + Shift + C
Device Mode Toggle: ⌘ + ⇧ + M Ctrl + Shift + M Ctrl + Shift + M

Within DevTools

Command Menu: ⌘ + ⇧ + P Ctrl + Shift + P Ctrl + Shift + P
Toggle Console Drawer: ⎋ Esc Esc
Next Panel: ⌘ + ] Ctrl + ] Ctrl + ]
Previous Panel: ⌘ + [ Ctrl + [ Ctrl + [
Refresh DevTools: ⌘ + R Ctrl + R Ctrl + R or F5 F5 F5
Clear Console: ⌘ + K Ctrl + L Ctrl + L
Search All Files: ⌘ + ⌥ + F Ctrl + Shift + F Ctrl + Shift + F

Console

Auto-complete: ⇥ Tab Tab or → → →
Clear Console: ⌘ + K Ctrl + L Ctrl + L or type clear()
Previous Command: ↑ ↑ ↑
Next Command: ↓ ↓ ↓
Multi-line Entry: ⇧ + ↵ Shift + Enter Shift + Enter

Elements/Inspector Tab

Inspect Element: ⌘ + ⇧ + C Ctrl + Shift + C Ctrl + Shift + C
Edit as HTML: F2 F2 F2
Expand/Collapse Node: → → → / ← ← ←
Navigate Nodes: ↑ ↑ ↑ / ↓ ↓ ↓

Sources/Debugger Tab

Toggle Breakpoint: ⌘ + B Ctrl + B Ctrl + B or click line number
Resume/Pause: F8 F8 F8 or ⌘ + \ Ctrl + \ Ctrl + \
Step Over: F10 F10 F10 or ⌘ + ' Ctrl + ' Ctrl + '
Step Into: F11 F11 F11 or ⌘ + ; Ctrl + ; Ctrl + ;
Step Out: ⇧ + F11 Shift + F11 Shift + F11 or ⌘ + ⇧ + ; Ctrl + Shift + ; Ctrl + Shift + ;

Network Tab

Start/Stop Recording: ⌘ + E Ctrl + E Ctrl + E
Clear Network Log: ⌘ + K Ctrl + L Ctrl + L
Preserve Log: Check “Preserve log” option
Filter: Click filter or type in filter box

Tips for Learning Shortcuts

Start Small: Pick 3-5 shortcuts you’ll use most often and practice them deliberately
Command Palette is Your Friend: When you forget a shortcut, use the Command Palette (Cmd/Ctrl+Shift+P) - it shows shortcuts next to commands
Print This Out: Keep a printed copy near your workstation during the first week
Use Them Daily: The only way shortcuts become muscle memory is through repetition
Customize if Needed: If a shortcut conflicts with your OS or doesn’t feel natural, remap it in VS Code settings

Most Important “Must Know” Shortcuts

If you’re just starting out, memorize these first:

VS Code Top 5

Command Palette: ⌘ + ⇧ + P Ctrl + Shift + P Ctrl + Shift + P - Access everything
Quick Open: ⌘ + P Ctrl + P Ctrl + P - Fast file navigation
Toggle Terminal: ⌃ + ` Ctrl + ` Ctrl + ` - Quick access to command line
Go to Definition: F12 F12 F12 - Navigate code
Format Document: ⇧ + ⌥ + F Shift + Alt + F Shift + Alt + F - Clean up code formatting

Terminal Top 3

Previous Command: ↑ ↑ ↑ - Rerun commands
Search History: ⌃ + R Ctrl + R Ctrl + R - Find past commands
Cancel Command: ⌃ + C Ctrl + C Ctrl + C - Stop running processes

DevTools Top 3

Open DevTools: F12 F12 F12 or ⌘ + ⌥ + I Ctrl + Shift + I Ctrl + Shift + I
Inspect Element: ⌘ + ⇧ + C Ctrl + Shift + C Ctrl + Shift + C - Click to inspect
Console Tab: ⌘ + ⌥ + J Ctrl + Shift + J Ctrl + Shift + J - Direct access to console

Master these fundamentals, and you’ll be significantly more productive in your Angular development!