DEV Community

Cover image for 5 Must Have VS Code Extensions
Daniel Bellmas
Daniel Bellmas

Posted on • Edited on

5 Must Have VS Code Extensions

TL;DR

  1. Clipboard History
  2. GitLens
  3. Better Comments
  4. Todo Tree
  5. Code Spell Checker

Clipboard History

This one is first, 'cause it's a life saver.
Have you ever copied one thing and then another but you wanted the first one? This extension is for you!
⌘ Cmd+⇧ Shift+V (⌘ Ctrl+⇧ Shift+V in Windows)

Clipboard History gif

GitLens

If you and your team is using Git, then GitLens is a must-have.

You can check who made the last (Git Blame).
Git Blame

Or you can see all the past commits and the file history on your sidebar.
Vs code sidebar

And much more!

Better Comments

This will help you create more human-friendly comments, that are also colorized by category.
All Better Comments

I always use the // TODO comment to see what needs to be done ... and this leads to the next extension πŸ‘‡

(I also made a custom snippet for // TODO which I will show how to do in my next post πŸ™‚ )

Todo Tree

This one highlights all your // TODO comments and displays them in a tree view in the sidebar.

Todo Tree

Code Spell Checker

This one is last but don't let it fool you...it's a lifesaver too!

And as you already guessed, it checks your code for spelling mistakes.

It saved me so many times from misspelled words and functions that the IDE didn't pickup like .length or arrays and many more.

You just need to access the Quick Fix by pressing
Mac: ⌘ Cmd+.
Windows: Ctrl+.

Code Spell Checker Example

Thank you for taking your time to read!!! πŸ™πŸΌ πŸ”₯

Thank You

Top comments (3)

Collapse
 
oryam profile image
Oryam

Thanks, Great tools.
I think Git Lens deserve a post of it's own πŸ˜‰

Collapse
 
gervanna profile image
Gervanna Stephens

Thanks a lot for sharing

Collapse
 
danielbellmas profile image
Daniel Bellmas

Thank you for commenting:)