VS Code extensions that I can't live without!

I'm *far* from a VS Code power user, but that doesn't mean that I don't use a handful of extensions!
As someone who writes primarily HTML and CSS, these are the ones that I find the most useful for my workflow:

#vscode

--

Come hang out with other dev's in my Discord Community

---

Keep up to date with everything I'm up to

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[mohammedmudassir]

Auto close tag: Automatically add HTML/XML close tag,
Color Highlight : Highlight web colors in your editor
Import Cost: Display import/require package size in the editor
px to rem : Converts px to rem, and vice versa

[concretefields]

"Colorize" is really useful for getting a quick preview of the colour you've set something to. It even works with custom variables!

[Anadeore]

I wanted something similar to the bracket colorizer but that worked on html and found one called "color the tag name" and absolutely loved it

[ZROR]

I really loved the color theme of Atom when i used that tool. Now i've moved to VSCode and was very happy that the color theme of Atom was available for VSCode. Best of both worlds for me.

[Stabruder]

Thank you so much! Like, this was very useful for me. Especially the Auto Tag Rename and the Bracket Pair Colourizer 2 are the best!

[abdelmonemnaceur]

Material Icon Theme is a very nice extension, it changes the icons in the inspector for a Material ui ones!

[rajivpuranwar]

Thanks for all the extensions...
Really appreciated...
Especially the auto rename tag...

[jonathanargumedo]

Liked this video a lot! Thank you. Especially the live server😂 I hate refreshing my browser. I've always used VS Code I really do believe is the best text editor out there.

[StarcoreLabs]

As always great video. Thank you for making such awesome content!

[crooker]

I still use a 'full stack' web server in my dev environment. I use Laragon, which installs Apache, PHP and MySQL, for CMS development.

And while I used to compile my css with gulp... I now use liveSass in VSCode, which makes my css compiling much easier.

[randy]

Try the "Biscuits" extensions. They label what closing brackets are from. I cant go back to closing brackets that started screens ago and I don't know what they are closing.

[DylanvandenBosch]

Wow, bracket-pair-colorizer! Thanks a bunch!

[danielhuang]

Here's a tip: if live server doesn't appear on startup or when you open a workspace, you can still right-click on an HTML file and then click "open with live server"!

[andrewglick]

Another similar color theme to *Atom One Dark Theme* (the one that I use and initially thought you were using) is the *One Monokai Theme*. It is also based on the *One Dark Pro* theme, so it looks very similar.

[muhammadalibhatti]

Timestamps:
00:00 Intro
00:24 Bracket Pair Colourize
02:20 Live Server
03:57 SVG Previewer
04:59 Prettier
06:49 Auto Rename Tag
07:51 Atom One Dark
08:10 One Dark Pro
08:27 Outro

[madhousenetwork]

8:20 One dark pro is very useful in case of react JS development. differentiates a lot of things with colour.

[CodingwithBasir]

thanks for this helpful video. I use the kite for better suggestions in the autocomplete box.

[stylesg]

A pretty cool for me is Kite for autocompletion. Definitely deserve a try.

[marcod.]

Live Sass Compiler is also a very nice one... and MinifyAll a useful one too. By the way... Happy Christmas to everyone!

[adrian]

I used all the extensions you used except for Prettier. The reason I don't use prettier anymore it redo the way I like my comments. My two suggestions are Material Icon Theme & Duplicate action.