DEV Community

Cover image for VSCode setup for web development: settings and extensions

VSCode setup for web development: settings and extensions

Bogdan Alexandru Militaru on September 20, 2019

Today's the day. Hello dear friends and welcome back to a new article written by me, your Boobo. In this article I want to present you my VSCode s...
Collapse
 
niweera profile image
Nipuna Weerasekara

Can you tell me what is used for screen recording? I use recordit but it is little bit of pain. Any suggestions?

Collapse
 
azivkovi profile image
Ante

If you are on Windows 10, you can do Wkey + G. It will open up the Game bar where you will see a small window with 'Broadcast and capture'. This is what I use.

Collapse
 
boobo94 profile image
Bogdan Alexandru Militaru

nice Ante. thanks for your feedback :D

Collapse
 
boobo94 profile image
Bogdan Alexandru Militaru

I'm a MacBook user. I have screen recording by hitting CMD+Shift+5.

Collapse
 
niweera profile image
Nipuna Weerasekara

I am a noob windows user. Any suggestions?

Thread Thread
 
boobo94 profile image
Bogdan Alexandru Militaru

I don't know. But I searched and I found screentogif.com/

Thread Thread
 
boobo94 profile image
Bogdan Alexandru Militaru
Thread Thread
 
niweera profile image
Nipuna Weerasekara

Thanks big time...

Thread Thread
 
boobo94 profile image
Bogdan Alexandru Militaru

Happy to help. If you are curious to discover more articles for programmers, please check my blog boobo94.xyz/ and subscribe there. Thanks!

Thread Thread
 
niweera profile image
Nipuna Weerasekara

Done mate. Thank you...

Thread Thread
 
nguyenkien profile image
Nguyễn Trung Kiên

try ShareX, it can record screen (gif, mp4) and capture screen too.

Collapse
 
mykeg profile image
MyKeg • Edited

In addition to the Rainbow Brackets, I recommend the Indent-Rainbow extension (marketplace.visualstudio.com/items...). I adjust the two plugins colors to match at each indentation level so it's easy to see when I'm missing a closing bracket, or indentation is off.

Edit: I don't match the colors exactly, I set the Indent Rainbow is a very dark version of the corresponding Rainbow Bracket color. I also use a dark editor color theme, so adjust as necessary for your color theme.

Collapse
 
boobo94 profile image
Bogdan Alexandru Militaru

This is amazing. Thank you very much for this hint MyKeg.

Collapse
 
felipebossolani profile image
Felipe Bossolani • Edited

Nice suggestions. For multi-project devs I would like to suggest Peacock: marketplace.visualstudio.com/items...

Collapse
 
shua profile image
Shua

Yet another vscode web dev post light on process and heavy on color coding extensions.

I’m never going to get the last 60 seconds back. Think about how you can add value to the community rather than regurgitate content that is found in 20k other posts.

Collapse
 
boobo94 profile image
Bogdan Alexandru Militaru

Why did you clicked on it if you're not interested? This is my setup so I shared it with the community. I cannot see the point of your comment!