DEV Community

Cover image for 10 essential extensions for VS Code

10 essential extensions for VS Code

Fabien Lasserre ☕️ on April 20, 2018

I've been using Visual Studio Code as my main code editor for more than two years now. I used to work with Sublime Text, which was an amazing softw...
Collapse
 
dance2die profile image
Sung M. Kim

As a React developer, I found React Food Truck to be quite useful.

It's a collection of React extensions and they come in quite handy :)

Collapse
 
lauragift21 profile image
Gift Egwuenu • Edited

This is a great list. I also found some nice one recently Polacode it takes snapshots of your code. Guides An extension for more guidelines in your code.

Collapse
 
fbnlsr profile image
Fabien Lasserre ☕️

Woah! That's a great one! I've already used Carbon which does the same thing pretty much but being able to do it right from the editor is great. Thank you! :)

Collapse
 
codestaintin profile image
Isioye Mohammed

Polacode is a good one, thanks Gift

Collapse
 
davellanedam profile image
Daniel Avellaneda • Edited

Nice compilation! I’ve found “Bracket Pair Colorizer” and “Prettier” very helpful

Collapse
 
endlesstrax profile image
Ricky White

I second both of these. Bracket pair has saved me multiple times.

Collapse
 
pzelnip_84 profile image
Adam Parkin

Nice, a few of these I hadn't seen before.

Would recommend GitLens over GitBlame though, as GitLens does not only the blame (including stuff like blame on each line, in the gutter, etc) as well as a ton of other stuff. It's probably my top #1 VS Code extension: marketplace.visualstudio.com/items...

Collapse
 
spboyer profile image
Shayne Boyer

Nice list! Check out vscodecandothat.com/ - just released by @burkeholland and Sarah Drasner

Collapse
 
brenodamata profile image
Breno da Mata

I love the vscode-spotify. It allows you not only to see the song playing but it has the basic player commands shortcuts!

Collapse
 
tarifa10 profile image
tarifa-man

bon jour - hello dear Fabien - wow , great and overwhelming - i appreciate your text it is very very good .
i am happy to read your text - i like it very much. Can you give us more hints to run VSCode or VSCodium on mx-linux:

cf : I use VSCode daily and it is widely used, i am shocked it is not in stable repo. Please add VSCode to the package list.
see more here: forum.mxlinux.org/viewtopic.php?f=...
Fabien - you are invited to add your ideas to the thread.

dear Fabien - we would be glad to hear from you. - well we look forward to hear form you -regards tarifa

Collapse
 
nickytonline profile image
Nick Taylor • Edited

Thanks for sharing Fabien. Definitely gonna check out color info. Git blame is awesome. I also use the Git extension pack which I highly recommend.

Here's my full setup if your interested.

Collapse
 
equiman profile image
Camilo Martinez • Edited

I'm highly recommend Indent Rainbow extension:
marketplace.visualstudio.com/items...

Collapse
 
pjaerr profile image
Josh Jackson

Gotta throw Better Comments into the mix.

Collapse
 
ronniec95 profile image
ronniec95

My list of extensions in order of usefulness:
MetaGo - probably the best tool for keyboard driven navigation bar none (better than vim), includes bookmarks
Todo+ - a great task manager for my projects, and integrates with source code
Local History - saved my ass more times than not during a hardcore dev session
Find all references - fast rip-grep front end
Clipboard Manager - probably one of the better emacs style clipboard ring
Highlight - Really customizable highlighting for log files, config files,comments. Works with Todo+
Sort lines - does what it says
Palenight theme - easy on the eyes

Collapse
 
basteez profile image
Tiziano Basile

Hi, this is a good list of extentions.
I just don't get the point of writing emojis in code

Collapse
 
kwabenberko profile image
Kwabena Bio Berko

Awesome list!

Collapse
 
djquecke profile image
DJ Quecke

Newby questions. Will VS Code extensions work with VS Community? Also, has anyone seen a commenter extension that would allow me select a block of code and comment it out/in? Thanks

Collapse
 
fbnlsr profile image
Fabien Lasserre ☕️

I don't think they will.

Regarding your request about comments: you can select a block of text and use CMD + / to comment that whole block in and out.

Collapse
 
codebyjustin profile image
Justin

AutoFileName is awesome thanks for the recommendation.

Collapse
 
hugoliconv profile image
Hugo

Do you know what extension allows you to highlight the scope of the function?
VS extension

Collapse
 
bdsaglam profile image
Barış Deniz Sağlam

Bracket Pair Colorizer?

Collapse
 
straleb profile image
Strahinja Babić

cdnjs will be quite handy to use, but VStudio already has a Color info i can dare to say its awesome :D

Collapse
 
delphinidae84 profile image
Delphinidae84

I like vscode-icons!

Collapse
 
jitheshkt profile image
Jithesh. KT

Any Swiss knife for React?

Collapse
 
kaledron profile image
kaledron • Edited

gitlens

Collapse
 
inozex profile image
Tiago Marques • Edited

I use most of those, but in addition as an Honorable mention, I use "Project Manager" (self explanatory) and "Code online" (creates an index of methods and properties of current class/file)