VS Code Extensions That Actually Changed My Workflow
VS Code without extensions is like a smartphone without apps—technically functional but missing all the good stuff. I've probably installed 200+ extensions over the years, and most of them were garbage that slowed down my editor and cluttered my interface.
But some extensions legitimately changed how I work. Here are the ones I can't live without, plus the shortcuts that'll make you look like a wizard to your colleagues.
Extensions That Actually Earn Their Keep
Prettier - Auto-formats your code on save. Sounds basic, but it eliminates 90% of code style arguments and makes your diffs way cleaner. I've seen teams waste entire meetings arguing about semicolons and spacing. Just install Prettier and move on with your life.
GitLens - Supercharges VS Code's Git integration. Inline blame annotations show you who wrote each line and when. Code lens shows commit history for functions. I use it constantly for debugging—when something breaks, GitLens tells me exactly which commit introduced the issue.
Live Share - Real-time collaborative editing that actually works. Share your VS Code session and let teammates edit directly in your editor. It's like Google Docs for code, except it doesn't suck. Game-changer for remote pair programming.
Thunder Client - API testing inside VS Code. No need to switch to Postman for simple requests. Collections, environments, history—all built in. Perfect when you're debugging APIs and don't want to leave your editor.
Auto Rename Tag - Change an HTML opening tag and the closing tag updates automatically. Such a small thing but saves countless keystrokes when refactoring components.
Bracket Pair Colorizer - Wait, this is built into VS Code now. But the concept matters—matching brackets get different colors so you can visually track scope. Essential for deeply nested code.
Error Lens - Shows error messages inline instead of making you hover to see them. Controversial because it can make your code look cluttered, but I love having immediate feedback without extra mouse movements.
Language-Specific Game Changers
ES7+ React/Redux Snippets - If you write React, these snippets will save you hours. Type `rafc` and get a functional component boilerplate. `useState` becomes `const [state, setState] = useState()`. Your fingers will thank you.
Python Docstring Generator - Auto-generates docstrings based on function signatures. Helps you actually document your Python code instead of just meaning to do it someday.
REST Client - Test HTTP requests directly in .http files. Great for API documentation that doubles as executable tests. Way more maintainable than Postman collections.
The Shortcuts That Make You Look Pro
Extensions are great, but keyboard shortcuts are where the real speed gains come from. These are the ones I use constantly:
Ctrl+Shift+P - Command palette. Access any VS Code feature without knowing its location in menus. Want to format the current file? Type "format" and hit enter. Way faster than memorizing menu locations.
Ctrl+P - Quick file navigation. Start typing a filename and VS Code finds it instantly. No more clicking through folder hierarchies in the sidebar.
Ctrl+Shift+F - Global search. Find text across your entire project. Add regex support and you can do sophisticated find-and-replace operations across hundreds of files.
Alt+Click - Multiple cursors. Click to place additional cursors and edit multiple locations simultaneously. Perfect for renaming variables or making repetitive changes.
Ctrl+D - Select next occurrence. Place cursor on a word, hit Ctrl+D to select all instances in the file, then edit them all at once. Much faster than find-and-replace for simple changes.
Ctrl+Shift+L - Select all occurrences. Like Ctrl+D but grabs every instance immediately instead of one at a time.
Ctrl+` - Toggle terminal. Instantly open/close the integrated terminal without leaving VS Code. Essential for running build commands and Git operations.
Workspace Settings That Actually Matter
VS Code's settings can be overwhelming, but these few tweaks make a real difference:
Format on save - `"editor.formatOnSave": true` - Your code gets auto-formatted every time you save. Keeps everything consistent without thinking about it.
Auto save - `"files.autoSave": "onWindowChange"` - Automatically saves when you switch applications. No more losing work to crashes or power issues.
Trim trailing whitespace - `"files.trimTrailingWhitespace": true` - Removes unnecessary whitespace on save. Keeps your Git diffs clean.
Word wrap - `"editor.wordWrap": "on"` - Long lines wrap instead of requiring horizontal scrolling. Much easier to read on smaller screens.
Themes That Don't Hurt Your Eyes
Default themes are fine, but after staring at code for 8+ hours, good typography and color choices matter for your sanity:
One Dark Pro - Based on Atom's One Dark theme. Excellent contrast and pleasing colors that don't strain your eyes during long coding sessions.
Dracula Official - Dark theme with vibrant colors. Popular for a reason—it makes code feel more engaging without being distracting.
Material Theme - Multiple variants based on Google's Material Design. Clean, professional, and highly customizable.
Font matters too. Install Fira Code or JetBrains Mono for better readability and ligature support. Ligatures turn `=>` into actual arrows and `!==` into proper inequality symbols. Small touches that make code more readable.
Performance Tips (When VS Code Gets Slow)
VS Code can get sluggish with too many extensions and large projects. Here's how to keep it fast:
Disable unused extensions - Extensions consume memory even when not actively used. Regularly review your installed extensions and disable ones you don't use daily.
Exclude node_modules from search - Add `"search.exclude": {"**/node_modules": true}` to your settings. Massive performance boost for JavaScript projects.
Use workspace-specific extensions - Some extensions only make sense for specific project types. Install them per-workspace instead of globally.
VS Code is already excellent out of the box, but the right extensions and shortcuts turn it into a productivity powerhouse. Start with the essentials, learn the key shortcuts, and gradually add extensions as you find specific pain points to solve.
Just resist the urge to install every extension that looks cool. A lean, fast editor beats a feature-heavy, slow one every time.