Export High-Res PDF
Switch to Light Mode
SkillSnap Official GuideUpdated 7/24/2026
VS Code Pro
The ultimate cheat sheet for high-velocity coding, focusing on keyboard-first workflows and power editing.
Introduction
Visual Studio Code is the industry standard for modern web development. Mastery of its shortcuts (Keybindings) transforms you from a user into a 'Power User', reducing context switching and increasing coding velocity by up to 40%.
Recommended Specs
While VS Code runs on minimal hardware, a modern 'Dev Container' workflow requires more resources.
Minimum (Text Editing)
1.6 GHz Processor, 4GB RAM. Suitable for HTML/CSS/Vanilla JS.
Recommended (Full Stack)
Apple Silicon (M1+) or Ryzen 7/i7, 16GB+ RAM. Required for TypeScript servers, Docker, and Copilot usage.
Extensions
Prettier, ESLint, GitLens, and 'Remote - SSH' are considered essential for the Pro workflow.
General & Window
Command Palette (The 'Do Anything' Bar)Cmd + Shift + P
Quick Open FileCmd + P
Open User SettingsCmd + ,
Toggle Primary Side BarCmd + B
Toggle Panel (Terminal/Output)Cmd + J
Split Editor (Side by Side)Cmd + \
Navigation & Symbols
Go to Line NumberCtrl + G
Go to Symbol (Functions/Classes in file)Cmd + Shift + O
Go to Symbol in WorkspaceCmd + T
Go to DefinitionF12
Peek Definition (Inline View)Opt + F12
Go Back (Previous Cursor Position)Ctrl + -
Power Editing
Add Selection to Next OccurrenceCmd + D
Select All OccurrencesCmd + Shift + L
Add Manual CursorOpt + Click
Move Line(s) Up/DownOpt + Up/Down
Duplicate Line(s) Up/DownOpt + Shift + Up/Down
Toggle Line CommentCmd + /
Terminal & Tasks
Toggle Integrated TerminalCtrl + `
Open New External TerminalCmd + Shift + C
Split TerminalCtrl + Shift + 5
Run Build TaskCmd + Shift + B
Debugging
Start Debugging / ContinueF5
Toggle BreakpointF9
Step OverF10
Step IntoF11
Stop DebuggingShift + F5
Version Control (Git)
Open Source Control ViewCtrl + Shift + G
Global Search & ReplaceCmd + Shift + F
Revert File (via Command Palette)Opt + F5
Pro Configuration Tips
💡Enable 'Format on Save' in settings to never worry about indentation again.
💡Use 'Remote Repositories' extension to browse GitHub code without cloning.
💡Type '@' in Command Palette to filter by category (e.g., @theme, @workspace).
💡Install 'Keymaps' extension if you are coming from Vim, Sublime, or IntelliJ.