DEV Community

Cover image for 5 vs code extension to make coding environment more attracting

5 vs code extension to make coding environment more attracting

Sahil Saif on July 14, 2021

VS code is simply awesome. These 5 extensions are like cherry on top. so let's jump to the extensions- 1. SynthWave '84 : Link: click ...
Collapse
 
gulajavaministudio profile image
Gulajava Ministudio

Nice list for extension. You forgot to mention indent-rainbow extension and bracket pair colorizer 2, for better code readibility.

And for VS Code theme, you can try Mayukai Theme

MayukaiDemo1
MayukaiDemo2

Collapse
 
sahilsaif1221 profile image
Sahil Saif

indent-rainbow i mentioned and i use bracket pair but as i was willing to make 5 list so that does not get place. otherwise the theme is cool , i didn't use that earlier but i like it.

Collapse
 
mloru profile image
Mirko Lorusso • Edited

Hi, thanks for the article!
I'm not sure about the point of using Indent Rainbow with the color set to black: the good thing about this extension is that it lets you identify the level of indentation at a glance, by just looking at the color.
How do you use it?

Edit: ok sorry, I got it. When I first read the article, I missed your phrase about the red indentation. However, I think that most of the power of this extension is when you use it with its default colors.

Collapse
 
sahilsaif1221 profile image
Sahil Saif

yea it's default black,, but after installation you can see the difference between in code,, and the more you go div inside div the black will fade slowly. As for me, i got difference in black . But you can change the color if black does not suits you. very simple just type indent rainbow in setting and then it's setting will be add on setting.json there you can customize every level's color. And yea to customize it from default , you need to be little pro ,otherwise will looks weird.
pic

Collapse
 
mloru profile image
Mirko Lorusso

Ok, now I see the shades, thanks.
From the screenshot in the article, every level seemed just plain black :)

Collapse
 
umair profile image
Muhammad Umair

Very useful post. I wounder how you mange to read handwriting style font shown in screenshots. Most probably that is coming from your vscode setup 😃

My personal observation indent rainbow takes too much memory if you look into vsxode processes.

I use spellcheck regularly but @import-font is very useful 👍

Collapse
 
sahilsaif1221 profile image
Sahil Saif

haha, no i don't use handwriting font, it just came as backup with handlee font which was default, btw i don't even noticed that😂. Indent rainbow is very useful, i didn't felt what you said. Btw thanks for your comment!!

Collapse
 
er_saifullah profile image
SAIFULLAH🇮🇳

Really helpful post❤️

Collapse
 
sahilsaif1221 profile image
Sahil Saif

Thanks brother!

Collapse
 
luiseduardo_avilaurbina profile image
Luis eduardo Avila urbina

a good extension aldo is tab nine

Collapse
 
webdevwanderer profile image
webdevwanderer

Thanks for this informative article. These will be added to my VSC extensions.

Collapse
 
sahilsaif1221 profile image
Sahil Saif

you welcome mate!

Collapse
 
timkovik profile image
timkovik

Links would be very useful

Collapse
 
sahilsaif1221 profile image
Sahil Saif

Now i have updated all links, please check it out again. Thanks!

Collapse
 
cenacr007_harsh profile image
KUMAR HARSH

syth wave crashed my vs coded.

Collapse
 
sahilsaif1221 profile image
Sahil Saif

the only a little problem with synth wave is sometimes it's glowing stopped. that's solution also i provided shift + ctrl + p . otherwise i did not find any issue of crashing vs code. It works so smoothly.