DEV Community

Cover image for 9 + 1 Visual Studio Code Extensions for Easier and Faster Development

9 + 1 Visual Studio Code Extensions for Easier and Faster Development

Savvina Drougouti on February 27, 2019

Disclosure: This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided i...
Collapse
 
ferasdawod profile image
Feras Dawod

Excellent collection, although I've had my own set of issues using the Bracket Pair Colorizer extension. It made vs code unusable after several hours of work, intellisense would stop working, path completion and formatting would also stop

Collapse
 
laxedo17 profile image
laxcivo

great article! I've downloaded most of the extensions listed in it. Just a quick note though, Live Server is ok but imho nothing beats Preview on Web Server which has perfect integration with VS Code 'cos it doesn't open up a windows in a external browser but within VS Code.

Collapse
 
drsavvina profile image
Savvina Drougouti

Thanks! Great, nice you let me know about Preview, I will give it a try too :)

Collapse
 
laxedo17 profile image
laxcivo

hope you like it. It has been very useful to me when editing html and css files together, sometimes with some javascript.

With Auto Save on, you see the results in real time without having to use Control + S, it works very well. Cheers Savvina!

Collapse
 
laxedo17 profile image
laxcivo • Edited

in addition, you can have a web browser in visual studio code. Sometimes I use it to study something for instance, without leaving VS Code at all. They added this very recently:

You go to the Command Palette (Ctrl + Shift + P) and choose Simple Browser: Show (paste or type a URL, press Enter, and there you go!).

You also have the Browser Preview extension, which also lets you navigate the internet while in VS Code. More or less the same as before -this one uses headless chromium-.

It can be useful sometimes to have everything on VS Code. I like working like that, with PDFs, a full website open for whatever reason (i.e. Blazor University), everything on VS Code, there are also articles like this one, mentioning a Stack Overflow View extension, which can be useful, etc.

dev.to/sar/top-5-vs-code-extension...

see ya' Savvina!

Collapse
 
goodlifeinc profile image
DJango Freeman

most of them are thrash extensions, maybe except prettier and debugger for chrome but you dont go into details how to setup those, which might be qiute tricky sometimes.
the packages do the job for some two-file-starter projects though

Collapse
 
drsavvina profile image
Savvina Drougouti

Thanks for your honest opinion. It's probably a good idea to write an extension setup guide.

Collapse
 
patrickkyei profile image
Patrick-Kyei

Thanks for this post. It's something i've been looking for, especially #1

Collapse
 
drsavvina profile image
Savvina Drougouti

That's great, I am glad you liked it!

Collapse
 
jamesonmescouto profile image
Jameson Mescouto

Excellent!