DEV Community

Cover image for Matt’s Favorite Visual Studio Code Extensions

Matt’s Favorite Visual Studio Code Extensions

Matty Stratton on December 20, 2017

Back in October, I decided I was going to “force” myself to use Visual Studio Code as my only editor instead of Atom (to be clear, I also continu...
Collapse
 
ben profile image
Ben Halpern •

Damn I love posts like this. Out of curiosity, why is "Open in GitTower" a vscode extension? Seems like it doesn't really have much to do with vscode directly. Is it just because installing an extension is a simple approach or am I missing something?

Collapse
 
mattstratton profile image
Matty Stratton •

Well, for me at least, I might be working on a git project in VS Code, and then realize that I need something with a bit more "oomph" than the git GUI in Code...so I can just open the Command Palette and choose "Open in GitTower" to open that repo in Tower.

Granted, if I have the Terminal open, I can just type in tower . and get the same effect...

Collapse
 
ben profile image
Ben Halpern •

Ooooh I actually completely misread what its functionality was. Carry on 🙃

Collapse
 
chiangs profile image
Stephen Chiang •

Thanks for these!

The extensions I can't do without:

Angular Essentials - Collection of extentions for Angular development.

Prettier - Formatting.

Settings Sync - Saves editor's settings to a GitHub gist.

Collapse
 
alephnaught2tog profile image
Max Cerrina •

I've been toying withs witching from Atom to VS Code just for kicks, and if that Brackets extension does what I think it does, I am pretty much already sold! I wonder if I can find a Portable version of it (for class).......

Collapse
 
ben profile image
Ben Halpern •

I feel like Microsoft is doing great work with this and I trust that VS Code will keep impressing in the future.

Collapse
 
damcosset profile image
Damien Cosset •

Definitely getting some of those first thing tomorrow morning!

Collapse
 
askanison4 profile image
Aaron •

Oooh, I'm definitely grabbing that brackets extension!

I'm a huge fan of the Angular extensions - template intellisense, code analysis before transpile; it's all gold.

I've also created an extension to pretty up my formatting some, if anyone is interested:
Better Comments

Collapse
 
mattstratton profile image
Matty Stratton •

Oh wow! Your extension looks AWESOME.

Collapse
 
nickytonline profile image
Nick Taylor •

Nice list Matt. Markdown PDF looks great. For the git extensions, I'd recommend the git extension pack, marketplace.visualstudio.com/items.... I believe it contains all the git extensions you mention. Extension packs became available earlier this year. I can't remember when though. Also, the Node extension pack is solid too.

I should probably convert my gist of my VS Code setup to an article on dev.to. Here it is if you're interested, vscode.iamdeveloper.com.

Collapse
 
mattstratton profile image
Matty Stratton •

Hey Nick - your link to your gist worked yesterday, but I'm getting a 404 today :(

Collapse
 
nickytonline profile image
Nick Taylor •

Yeah, my bad. I moved my blog over to Netlify from now.sh but my redirects are not working. I'll get it sorted out today. For now I converted it to a post on my blog, iamdeveloper.com/my-visual-studio-... . I'll post it on dev.to at some point... just don't want to steal your thunder for the moment. ⚡ 😉

Thread Thread
 
nickytonline profile image
Nick Taylor •

Matt, the redirects are working again.

Collapse
 
pzelnip_84 profile image
Adam Parkin •

Not a fan of having to supply my Github password for the gist extension. I tried just entering the token under "gist.oauthtoken" in my settings, but was still prompted to enter my Github username & password.

I also use the settings sync extension, which would mean that my Gist posting key would end up in a private gist. Private gists are not really secure (anyone with the link can view), so that's a bit of a security concern (anyone who saw my VS code settings gist would then get the ability to post gists on my behalf).

Collapse
 
cristinasolana profile image
Cristina Solana •

Thanks for the list, the Bracket Colorizer and Wakatime are gold. On a side note, I recently had to uninstall: Intellisense for CSS Class Names. It was breaking Emmet. :/

Collapse
 
ex_jedi profile image
Mårk Phoenix •

Git Lens is a world of wonder. Thank you!

Collapse
 
jvarness profile image
Jake Varness •

Dan Tuppeny made probably the best Dart extension. Loving using Visual Studio Code for code!

Collapse
 
osaywell profile image
Oliver Saywell • • Edited

Nice list!

For anyone using VSCode for PHP development this series made VSCode so much more user friendly for me!