Top 10 Best VS Code Extensions

Get the front-end roadmap for FREE to keep you on track!

Visual Studio Code is an amazing code editor. It's open-source and the community support and extensions are awesome. In this video, I will cover my personal top 10 VS Code extensions that I use daily. I'll break them down into two groups, visual and functional extensions. Visual extensions help you to code through visual representation, like colors and formatting. Functional extensions help you to do something faster. I'll explain to you how they are used and why I use them.
_____________________________________

💻 Visit CodingPhase and get unlimited access to programming courses plus 20% 0FF!!
_____________________________________

Timestamps:
00:00 - Intro
00:55 - Material Theme, Material Icon Theme
02:10 - Prettier
03:30 - Bracket Pair Colorizer 2
04:40 - indent-rainbow
05:06 - Auto Rename Tag
05:38 - REST Client
08:17 - CSS Peek
09:17 - HTML CSS Support
10:21 - Live Sass Compiler
13:46 - Live Server
15:01 - Emmet (I know this is not an extension but it's very useful!)

🔥 HERE IS THE EMMET VIDEO YOU HAVE ALL BEEN ASKING FOR !! 🔥
_____________________________________

🛠️ Tools I use:
_____________________________________

💖 Show support!
_____________________________________

Watch Next:
_____________________________________

Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #vscode #learntocode

[codeSTACKr]

HERE IS THE EMMET VIDEO YOU HAVE ALL BEEN ASKING FOR :)

📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)

[xrysa.mitsou]

I don't know who this Jason guy is, but he sure is famous.

[EscapeePrisoner]

Yes I think Emmet deserves a video. I'm just passing through here but I can imagine myself wanting to watch such things. Especially if it just showed up in my feed. You know, algorithmicly. Like this video did.

[forexpay]

wow thanks for clarifying things out, i was wondering what the whole bunch of icon on the VS do... am sticking around for more tutoring

[chetg]

Man that bracket pair would save so many students from confusion.

[brianp.]

bro video is straight fire!! thank you for giving facts and showing examples

[SmiFF_]

Just with the "wordwrap" setting, u my good sir, have convinced me to susbscribe ... 🖖🖖🖖 ... "Live long and prosper"

[KamalHossain-rnox]

Feeling confident again after having those extesions again in my tool bar :v

[Somehow_Logical]

Oooff those lights!

Dark theme ( not just in vs code ) is a blessing. 😍

[zsyu]

Thank you for sharing and tutoring us so much valuable tips, let us have a great start to learn html, CSS!

[ProgrammingwithPeter]

I use PhpStorm it's just the best for me, everything can be changed whoever i want and can set shortcuts. The extensions are optional and the power on larger projects it's insane.

[gamingbollywood]

Is their is any extension for MySQL testing in vs code. So that we can check the query results

[ADIL-mkwn]

if you wanna use sass/scss, I recommend you to use Prepros app. It's quicker than extension and more convenient

[simonx]

well done Sir this video helps me a lot in web develop, keep going making more nice courses ! so many thanks!

[mbrochh]

these plugins are awesome! great collection!

[Vapornator]

An emmit video would be great, thanks!

[DamianWaloszek]

You should have mentioned TabNine, it's absolutely helpful thing that makes my programming more fast and comfortable!

[abdosoliman]

1:40 "I don't know why would anyone use lighter" video summarized in a sentence.

[ioannislagos]

Thank you great video demonstration! It surely helped a lot.

[mykolazhabko]

Grate job man! I installed some of them. almost all ))