Skip to main content

ComputersPal

Your friendly guide to computers, gear, and getting things done

VS Code Setup for Beginners: Extensions & Themes

VS Code Setup for Beginners: Extensions & Themes

VS Code is the default editor for millions of beginners learning Python, JavaScript, HTML, or their first programming course. It is powerful out of the box — these settings and extensions make day one less frustrating without plugin overload.

First-hour settings

  • Auto Save — File → Auto Save → afterDelay (1000 ms).
  • Format on Save — after Prettier install.
  • Tab Size — 2 for web, 4 for Python (match course style guide).
  • Word Wrap — on while learning; off later if you prefer.
  • Minimap — disable if distracting.
  • Font size — 14–16 for long sessions; Fira Code or JetBrains Mono if you want ligatures.

Extensions in order of priority

1. Language support — Python (Microsoft), ESLint + Prettier for JS, PHP Intelephense if needed. 2. Live Server for web — auto refresh browser. 3. GitLens when you start Git — not before. 4. Error Lens — inline error highlighting. Skip theme packs until week two.

Keyboard shortcuts to learn first

Ctrl + P (open file), Ctrl + Shift + P (command palette — the most important), Ctrl + / (toggle comment), Ctrl + ` (terminal), F5 (run/debug with config). Multi-cursor: Alt + click.

Terminal integration

Open integrated terminal (Ctrl + `) — run python script.py or npm start without leaving editor. Set default shell to PowerShell or Git Bash on Windows as you prefer. One folder per project — File → Open Folder, not individual files scattered on Desktop.

Common beginner mistakes

Fifty extensions day one. Not saving files before run. Wrong Python interpreter selected (bottom status bar — pick venv). Ignoring red squiggles. Spending three hours on themes instead of tutorials — Dark+ default is fine.