DEV Community

Cover image for Visual Studio Code Extensions, not just the "Must have top 10..."

Visual Studio Code Extensions, not just the "Must have top 10..."

Tre Tuna on August 23, 2020

It's no secret that Visual Studio Code has become one of (if not the) most popular code editors in the world today. It's everywhere, and people are...
Collapse
 
robole profile image
Rob OLeary

Settings syncing and auto rename are built-in features in VS Code now, you can check out my recent article to see the details, so those extensions you mentioned are no longer necessary (depending on your exact use case).

Collapse
 
tretuna profile image
Tre Tuna

Good point on the auto renaming, I actually had found about 4 or 5 other extensions that were no longer needed while writing this out.

Collapse
 
tretuna profile image
Tre Tuna

Added a note that Auto Rename is no longer needed. Thanks for pointing that out!

Thread Thread
 
robole profile image
Rob OLeary • Edited

Youre welcome 😎

Collapse
 
tretuna profile image
Tre Tuna

On Settings Sync, I mentioned in the article that I actually use both the built in and this extension with why I kept it around. There's still things that the entensions can do that the built in cannot, like sharing your setting publicly and keeping different setting configurations saved for easy recall.

Collapse
 
klvenky profile image
Venkatesh KL

I like the big list but I think few of extensions are now baked into vscode.
Ex: npm intellisense, auto close tag etc.
Also with such a big curation of extensions, I'm sure vscode's gonna become webstorm essentially in terms of speed. No pun intended.
Great collection.
Thanks

Collapse
 
tretuna profile image
Tre Tuna

Completely! In terms of the speed, the great thing with VSCode is you can activate/deactivate extensions on a workspace basis. You can keep them installed, but only activated in particular projects when needed so that you aren't bogging down VSCode itself.

Collapse
 
mitchstewart08 profile image
Mitchell Stewart

Great post Tre! Thanks for including why/how of how you use the extensions, I will be slowly adding these to my toolkit that way I can remember/memorize the hotkeys instead of overloading myself, will definitely be revisiting this post. Eagerly looking forward to more posts!

Collapse
 
tretuna profile image
Tre Tuna

Thanks Mitchell! That's the way to do it for extensions that add hotkeys. Don't overload yourself, add in one or two, get used to the hotkeys, then come back for more. This gives you time to evolve your workflow naturally.

Collapse
 
priteshkeleven profile image
Pritesh K.

Nice list!!

One more extention that I think could ease your life is Error Lens

To see an error right in to editor screen

Collapse
 
tretuna profile image
Tre Tuna

Just tried it out today and I would agree it's really nice! Just added it to the Debugging list.

Collapse
 
tretuna profile image
Tre Tuna

You are the second person to recommend this! Definitely going to take a look and possibly add it to this list!

Collapse
 
robole profile image
Rob OLeary • Edited

Markdown All in One is a bit too much of a kitchen sink approach for my taste. If you just want to choose specific extensions for what you need in markdown, try the following:

Choose one of the 'Markdown Shortcuts' extensions, whichever style you prefer!

Collapse
 
tretuna profile image
Tre Tuna

I'll take a look at these! I understand some don't like the kitchen sink approach. The main thing for me here is that I use Foam to write my notes and it's meant to be used with Markdown All in One. I'm always refining though and will definitely check these out!

Collapse
 
aslasn profile image
Ande

Quite a list buddy. Some of these I didn't even knew is there in the internet xd

Collapse
 
tretuna profile image
Tre Tuna

Indeed! Some I didn't even know until I started going through this. 😅 I've been using Visual Studio Code for nearly four years now though, so it's been an extended time of refining and curating them.

Collapse
 
bhagatparwinder profile image
Parwinder 👨🏻‍💻

Just a FYI that native settings sync has made it to the latest stable version of VS Code.

Good write up ♥️

Collapse
 
tretuna profile image
Tre Tuna

Yeah, I mention that in here as well. I use that in addition to the Setting Sync plugin as there's advantages in both of them that the other does not have.

Collapse
 
cristiancastrodc profile image
cristiancastrodc

Great list! Output colorizer is now one of my favorites 😀

Collapse
 
fasani profile image
Michael Fasani

Added to my read later list, I am on the phone right now, but there must be some gold in this exhaustive list! Nice one!

Collapse
 
lrdiv profile image
Lawrence Davis

Awesome post! Lots I had never heard of before that I installed immediately and a few that I bookmarked to check out later. Thanks for sharing

Collapse
 
jonrandy profile image
Jon Randy 🎖️

The best one would remove VS Code and install Sublime Text 😛

Collapse
 
tretuna profile image
Tre Tuna

The best tool is the one that makes you the most productive. For some, that's Sublime, for others thats VSCode, for others that's vim/emacs/JetBrains IDEs/Atom/etc...

Collapse
 
andrewbaisden profile image
Andrew Baisden

Great list I do wonder though if having too many extensions installed would slow down the code editor?

Collapse
 
tretuna profile image
Tre Tuna

Depending on the extensions, yes, they can. However, I've found that this is not as big of an issue to put too much thought into. In general, I try to limit the amount of extensions I have activated at any given time. I have many that are only enabled while I'm in specific workspaces and projects. VSCode is great in the factor that you can actively enable or disable extensions like this and have it saved.