The VS Code Setups That Actually Made Me Faster (Not Just More Configs)

#vscode #webdev #beginners #productivity

I spent 2 years developing in VS Code before I realized I was using maybe 10% of what it can do. Here are the productivity setups that actually moved the needle for me — from keyboard shortcuts to extensions to workflow configs.

1. The Multi-Cursor Trick That Saves Me 30 Minutes/Day

Most developers know Ctrl+D (select next occurrence), but here's the pattern I use constantly:

Click on a variable name
Press Ctrl+D repeatedly to select each occurrence
Type the new name — all instances update at once

This alone replaced hours of find-and-replace. But there's more:

Alt+Click — add cursor at any position (great for editing columns)
Shift+Alt+Up/Down — add cursor above/below current line
Ctrl+Shift+L — select ALL occurrences at once (when you're confident)

2. The Quick Open Command You're Not Using

Ctrl+P is obvious. But add these prefixes and it becomes a command center:

@ — search symbols in the current file (@render jumps to your render function)
@: — search symbols across the entire workspace
# — search text across ALL files (like a global grep)
> — run any VS Code command

My daily flow: Ctrl+P then @:App to jump to any component instantly. No more clicking through the file tree.

3. The 5 Extensions I Actually Use Every Day

I've tried hundreds. These are the ones that stuck:

Error Lens — Shows errors and warnings inline, right next to your code. No more hovering to see what's wrong. This single-handedly improved my debugging speed.

GitLens — Hover over any line to see who wrote it, when, and why. Invaluable for code review and onboarding. The file history view alone saves me from digging through git log.

Thunder Client — A REST API client built directly into VS Code. Lighter than Postman, no Electron overhead, and your API tests live next to your code.

Prettier + ESLint — Auto-format on every save. Zero thinking about code style. Set "editor.formatOnSave": true in your settings.json and never think about it again.

TODO Highlight — Highlights TODO, FIXME, and HACK comments across your codebase. When you have 50+ TODOs scattered around, this makes sure you don't lose any.

4. My settings.json Starter Kit

Here's the config I set up on every new machine:

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.bracketPairColorization.enabled": true,
  "editor.stickyScroll.enabled": true,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "files.trimTrailingWhitespace": true,
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/coverage": true
  }
}

Turning off the minimap alone saves mental bandwidth. Sticky scroll keeps your function signatures visible while you scroll through the body. Bracket colorization prevents the "where does this bracket end?" confusion.

5. Snippets That Actually Save Time

I built custom snippets for the patterns I write constantly:

rfc — Full React functional component with TypeScript interface
imd — import declaration
api — Express route handler with error handling
test — Jest describe/it block with basic assertions

Setting up snippets takes 10 minutes. Over a year, it saves hours.

6. Terminal Without Leaving the Editor

Ctrl+Backtick toggles the integrated terminal. I never open a separate terminal app anymore.

Pro moves:

Ctrl+Shift+Backtick opens a NEW terminal (keep multiple running)
Ctrl+Shift+5 splits the terminal pane
Ctrl+1 jumps back to the editor from terminal

The Full Toolkit

I compiled all of this — 200+ shortcuts, 20 extension guides, workspace configs, debugging templates, Git workflows, and remote dev setups — into a single PDF toolkit. It's 25 pages of copy-paste-ready configurations that I update quarterly.

AI Prompt Master Library — 330+ Prompts for Every Use Case

That's my AI prompt library with 330+ prompts for coding, debugging, and productivity — pairs well with these VS Code workflows.

If you want to dig deeper into any of these, I also built: