7 Hidden VS Code Extensions That Feel Like Cheating

If you are still using a vanilla installation of VS Code, you are leaving massive amounts of productivity on the table.

We all know the standard extensions: Prettier, ESLint, GitLens. But what about the tools that actually change how you write code?

Here are 7 hidden VS Code extensions that feel almost illegal to use because of how much time they save.

1. Error Lens

Stop hovering over red squiggly lines. Error Lens highlights the entire line and prints the error message inline, right next to your code. You instantly know what is wrong without moving your mouse. Once you install this, you will never be able to code without it again.

2. Console Ninja

Tired of switching back and forth between your browser console and your editor? Console Ninja prints console.log output and runtime errors directly in your editor, right next to the line of code that triggered it. It is like magic.

3. Turbo Console Log

Highlight a variable, press Ctrl+Alt+L, and this extension automatically inserts a perfectly formatted console.log statement with the variable name and its value. It saves you hundreds of keystrokes a day.

4. Mintlify Doc Writer

Writing documentation sucks. Mintlify uses AI to instantly generate beautiful, accurate JSDoc/Python docstrings for your functions. Just highlight the function and hit a button.

5. CSS Peek

If you work with large HTML or React files, CSS Peek allows you to hover over a class name and instantly see (and edit) the CSS attached to it in a floating window. No more hunting through massive .css files.

6. Code Spell Checker

There is nothing worse than pushing a PR and having a senior developer point out a typo in a variable name. This extension highlights spelling errors in your code, keeping your codebase looking professional.

7. WakaTime

Do you actually know how much time you spend coding? WakaTime generates beautiful dashboards showing exactly which languages, projects, and files you spent your time on each week. It is incredible for tracking your own productivity.

---

What is your absolute favorite hidden gem extension? Drop it in the comments below!

Comments

[Xiao Man]

Error Lens and Console Ninja are absolute game-changers! I recently added Error Lens to my setup and it is wild how much time you save when you do not have to hover over every error. One extension I would add to this list is Auto Rename Tag - if you work with HTML/JSX, it saves so much time when you need to rename wrapper elements. Also worth mentioning is Import Cost, which shows you the bundle size impact of each import inline. Great for catching accidentally heavy dependencies. Thanks for putting this list together!

[Rahul Agarwal]

100% agree on Error Lens and Console Ninja! Once you use them, you can never go back to hovering over errors. Auto Rename Tag and Import Cost are incredibly solid additions too—Import Cost especially has saved me from accidentally importing massive libraries more than once. Thanks for sharing these, I might have to include them in part 2! 🙌

[Xiao Man]

Thanks Rahul! Glad Import Cost came in handy — that one's saved me from some nasty bundle sizes too. Definitely curious about your part 2, drop the link here when it's out 👍