VS Code essentials
VS Code is where most developers spend the day. This lesson covers the window layout, the twenty or so shortcuts worth learning, how settings really work, and the code navigation tools that let you find your way in a codebase you did not write.
By the end you can
- Name the parts of the VS Code window, and open any command through the Command Palette
- Jump to any file, symbol or line with Quick Open and its prefixes
- Edit many lines at once with multi-cursor, and rename a symbol safely across files
- Explain the settings layers (default, user, workspace, folder) and predict which value wins
- Write a starter
settings.jsonand judge whether an extension is safe to install
The everyday picture
Watch an experienced cashier on a busy Friday. The scanner is under the right hand, the bag hooks are on the left, the QR stand for mobile wallets such as M-Pesa, UPI or bKash faces the customer, and the price-check phone sits in one fixed place. She never searches for anything, so she never stops moving. A new cashier at the same counter is slower: the tools are all there, but he has to look for each one.
VS Code is that counter. Every tool you need is already in the window, and most are one shortcut away. The difference between a slow and a fast developer is often not typing speed. It is knowing where things are, and being able to say "open the command for X" without reaching for the mouse. This lesson arranges the counter for you.
The window, and the one shortcut to remember
The Activity Bar on the far left switches between views. The view opens in the Primary Side Bar next to it. Five views matter most: Explorer (files), Search (find and replace across all files), Source Control (Git, from Everyday Git), Run and Debug (Errors, debugging and testing) and Extensions. The Editor fills the middle; you can split it to see two files side by side. Below it, the Panel holds the Terminal, the Problems list, Output and the Debug Console. At the bottom, the Status Bar shows the Git branch, errors and warnings, and settings for the current file, such as its line endings and spaces or tabs. The right side has a Secondary Side Bar, which by default holds the AI chat view (Working with AI coding assistants).
If you remember one shortcut, make it the Command Palette: Ctrl+Shift+P on Windows, Cmd+Shift+P on macOS. Every command in VS Code and in every extension is listed there by name, with its shortcut shown on the right. Type a few letters, "zen", "format", "settings json", and press Enter. Menus move between versions; command names rarely do. That is why this course names commands, not buttons.