VS Code out of the box is good; with six extensions it is a professional IDE. Do not install thirty โ they slow startup and fight each other.
The essential six
- Prettier โ auto-format on save. Ends all formatting debates. Set
"editor.formatOnSave": true - ESLint โ catches bugs as you type (undefined vars, unused imports)
- Live Server โ right-click HTML โ "Open with Live Server" โ auto-reloading local site
- GitLens โ see who changed each line and why, inline
- Auto Rename Tag โ edit an opening tag, the closing tag follows
- Error Lens โ errors shown inline on the line, not hidden in a panel
Settings that matter
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"files.autoSave": "onFocusChange",
"editor.linkedEditing": true
}Learn the keys
Cmd/Ctrl+P open file ยท Cmd/Ctrl+D select next occurrence (multi-cursor) ยท Alt+โ/โ move line ยท Cmd/Ctrl+/ toggle comment. These four save hours weekly.