Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks

Do you want to learn how to become a web developer in 2022? The first step is to pick a code editor. Let me show you how to get set up so you can start learning.

In this tutorial, we'll install Visual Studio Code (VS Code) and configure it for web development. (HTML, CSS, JavaScript) We will look at some top themes, tips & tricks, features, and install some of my favorite extensions. This video is intended for beginners.

📚 RESOURCE LINKS 📚
_____________________________________

🛠️ Tools I use:
_____________________________________

⏱️ Timestamps ⏱️
00:00 - Intro
01:05 - Install VS Code
01:46 - Walkthrough
03:21 - Keyboard Shortcuts
03:52 - Basic Settings
05:01 - Themes
05:45 - Top 5 VS Code Themes!
06:38 - Extensions
08:19 - Open a Project Folder
08:58 - Add Folder Structure
09:57 - File Navigation Shortcuts
11:19 - Code Faster with Emmet
13:08 - VS Code IntelliSense
14:28 - Layout Customization
15:40 - Manipulating Text
17:21 - The Terminal
_____________________________________

💖 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

[m.o.]

I have watched so many vs code videos explaining the foundation for any coder to begin working. You by far win the title. So easy to follow, well explained and in a timeline that makes sense without mentioning something that leave people confused. Thanks very well done!

[jizhou]

Instead of saying whole bunch of bull s**t. I just wanna say: " Thank you. This video is amazing." 😄

[schattenbrot]

For people who use the terminal/command line a lot. You can open a project folder with the command `code .` right from any terminal.

[DragonwingZify]

This was a really excellent introduction.
I have been working with VSCode for a while now and i definitely learned some tricks.
Thanks for sharing it with us and for those who are new to VSCode or maybe just intermediate,
I highly recommend watching this video!

[Day]

Super clear video man love it. Being able to customize the layout /theme of the workspace before beginning to write/learn anything is a huge stress relief

[krullerooi]

The best, most concise, and easy-to-follow customizations for vs code I have ever seen. Just subscribed!

[midlifecoding]

Ok first of all thank you for this video! I am changing careers into web development and I have been thinking that there is no way I can type code fast enough to keep up with people half my age, but this video showed me otherwise. You have given me a newfound love for writing HTML, CSS, and JS, and I am eternally grateful!

[techoriya]

The Best video on complete VS Code topic. 💙👏

[mikerobinson]

Thank you so much for the video!
Where I can get a visual studio 2022 professional for reasonable price?

[adrianam]

The best VS Code Introductory course ever! Thank so much for this tutorial!

[dugrober]

Fantastic, period! I learned HTML by myself back in the 90's using the extinct Home Site software, which BTW I loved. I remember many of these codes. The way you explain brings back many memories!

[EGS_lyrics]

It's so clear and easy to follow, big respect, fun from Ethiopia 🇪🇹

[cesman]

Thanks a lot I just learn a lot in your video how to use the VS features .... I am an old programmer catching up wit the technology Thanks for all this good stuff mate

[TBI-CodingToHeal]

Tried several other tutorials on VS Code but yours got me off the ground! Thank you! Relearning programming 12 years after a TBI is daunting. I'm taking baby steps toward cognitive recovery using coding as therapy. Wish me luck! It's taken 12 years to summon up the courage to even attempt to relearn JS, let alone the many new complexities of what has obviously become much more than a programming language -- it's an infinitely extensible platform with hundreds of moving parts. I'm following your tutorials as my gospel! Thanks again. Please let me know of any other resources you can recommend to kick start me into the world of front and backend application development.

[orzch]

Im gonna be next to be thankfully for this video :)
Thanks for all and good luck!

[PA-bucs]

Thanks for a super good vide - Easy to follow, perfect pace and well presenter overall :) Thanks !

[MrForgot]

Nice bro! I asked that you helped me to set up vs code when I was passing feedback questions of that. And gave this link :)

[milankitanovic]

Where have u been all my internet lifetime ..omg THANK YOU MAN! ♠

[edinhogobbo]

Thank you very much for the video I live in Brazil and you helped me very beautiful work

[kingrpg]

ur a life saver i tried to do it witout help it turned into a hot mess so thank u soo much u got a sub and a like for that