VS Code Complete Guide 2026: Extensions, Shortcuts and Pro Tips

⏱️4 min read · 848 words

Visual Studio Code is the world’s most popular code editor, used by over 74% of developers according to Stack Overflow 2026. This guide covers the essential extensions, keybindings, settings, and workflows that make VS Code a powerhouse IDE for any language or framework.

📋 Table of Contents

Essential Settings (settings.json)
Must-Have Extensions 2026
Essential Keyboard Shortcuts
Workspace and Multi-Root Setup
Remote Development
Productivity Tricks
Profiles — Save and Share Configurations

Essential Settings (settings.json)

{
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.rulers": [80, 120],
  "editor.minimap.enabled": false,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.inlineSuggest.enabled": true,
  "editor.suggestSelection": "first",
  "editor.quickSuggestions": {
    "other": "on",
    "comments": "on",
    "strings": "on"
  },
  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "material-icon-theme",
  "terminal.integrated.fontFamily": "'JetBrains Mono'",
  "terminal.integrated.fontSize": 13,
  "files.autoSave": "onFocusChange",
  "files.trimTrailingWhitespace": true,
  "explorer.confirmDelete": false,
  "git.autofetch": true
}

Must-Have Extensions 2026

AI & Productivity

GitHub Copilot — AI code completion and chat
Tabnine — alternative AI assistant
Error Lens — show errors inline on the same line
GitLens — Git blame, history, and code lens
Code Spell Checker — catch typos in code and comments

Formatting & Linting

Prettier — opinionated code formatter
ESLint — JavaScript/TypeScript linting
Pylance — Python language server (type checking)
Ruff — blazing-fast Python linter/formatter
Biome — fast JS/TS linter + formatter

Language Support

Python (ms-python.python)
Rust Analyzer — Rust language server
Go — Go language support
Even Better TOML — TOML syntax
Docker — Dockerfile, docker-compose syntax

Themes & Appearance

One Dark Pro — classic dark theme
Catppuccin — pastel, easy on the eyes
Material Icon Theme — file icons
Fluent Icons — UI icons

Essential Keyboard Shortcuts

# Navigation
Ctrl+P / Cmd+P         Quick open file
Ctrl+Shift+P           Command palette
Ctrl+` (backtick)      Open terminal
Ctrl+B                 Toggle sidebar
Ctrl+\                 Split editor
Ctrl+Tab               Switch tabs
Alt+Left/Right         Go forward/back in history
Ctrl+G                 Go to line number

# Editing
Ctrl+D                 Select next occurrence
Ctrl+Shift+L           Select all occurrences
Alt+Click              Multi-cursor
Ctrl+Shift+K           Delete line
Alt+Up/Down            Move line up/down
Ctrl+/                 Toggle comment
Shift+Alt+F            Format document
F2                     Rename symbol
F12                    Go to definition
Alt+F12                Peek definition
Shift+F12              Find all references

# Terminal
Ctrl+` (backtick)      Open new terminal
Ctrl+Shift+`           Create new terminal
Ctrl+Shift+5           Split terminal

Workspace and Multi-Root Setup

// .vscode/settings.json — per-project settings
{
  "python.defaultInterpreterPath": "./.venv/bin/python",
  "editor.formatOnSave": true,
  "[python]": {
    "editor.defaultFormatter": "charliermarsh.ruff",
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

// .vscode/extensions.json — recommend extensions to team
{
  "recommendations": [
    "GitHub.copilot",
    "esbenp.prettier-vscode",
    "ms-python.python",
    "charliermarsh.ruff",
    "eamodio.gitlens"
  ]
}

// .vscode/launch.json — debug configuration
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "FastAPI",
      "type": "python",
      "request": "launch",
      "module": "uvicorn",
      "args": ["main:app", "--reload"],
      "jinja": true
    }
  ]
}

Remote Development

VS Code Remote extensions let you edit code on servers, in Docker containers, or via SSH:

Remote – SSH — edit files on any SSH server as if local
Remote – Containers / Dev Containers — develop inside Docker
Remote – WSL — edit Linux files on Windows
GitHub Codespaces — cloud development environment

// .devcontainer/devcontainer.json
{
  "name": "Python Dev",
  "image": "mcr.microsoft.com/devcontainers/python:3.12",
  "features": {
    "ghcr.io/devcontainers/features/docker-in-docker:2": {},
    "ghcr.io/devcontainers/features/node:1": {}
  },
  "postCreateCommand": "pip install -r requirements.txt",
  "customizations": {
    "vscode": {
      "extensions": ["ms-python.python", "charliermarsh.ruff"]
    }
  }
}

Productivity Tricks

Zen Mode — Ctrl+K Z — distraction-free full screen editing
Sticky Scroll — shows current function/class context as you scroll (enable in settings)
Breadcrumbs — click path at top to navigate symbols
Outline view — symbols panel shows all functions and classes
Go to Symbol — Ctrl+Shift+O to jump to any function in file
Reference preview — hover over any symbol to see type and docs
Tasks — run build/test commands from Command Palette → Tasks: Run Task

Profiles — Save and Share Configurations

VS Code Profiles (2023+) let you save extension sets and settings for different workflows:

Python Data Science profile
TypeScript Frontend profile
Minimal writing profile (no code extensions)

Export profile via: File → Preferences → Profiles → Export Profile → Share as gist or local file

VS Code in 2026 with the right extensions and settings is a complete IDE for any language. Install the essentials, learn 10 core shortcuts, configure per-project settings in .vscode/settings.json, and use GitHub Copilot for the productivity multiplier.

📚 You might also like

🔗 Share this article

X / Twitter Facebook WhatsApp LinkedIn Telegram