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

🦸 Become A VS Code SuperHero Today: vsCodeHero.com
🧑🏾‍🤝‍🧑🏽 Join my Discord developer community: / discord
🚢 Deploy for FREE on Vercel: vercel.com/ambassadors/codest...
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 📚
▶ Download VS Code: code.visualstudio.com/Download
▶ FREE Web Developer Roadmap 2022: • Web Developer Roadmap ...
▶ FREE 2022 Web Development Course: courses.codestackr.com/2022-w...
▶ FREE VS Code Cheat Sheet: courses.codestackr.com/vs-cod...
▶ THEME: Night Owl: marketplace.visualstudio.com/...
▶ THEME: Cobalt2: marketplace.visualstudio.com/...
▶ THEME: Shades of Purple: marketplace.visualstudio.com/...
▶ THEME: Coder Coder Dark: marketplace.visualstudio.com/...
▶ THEME: codeSTACKr: marketplace.visualstudio.com/...
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: marketplace.visualstudio.com/...
🟠 STACKr Code Font (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
_____________________________________
⏱️ 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!
PayPal: paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
🌐 Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** 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

Пікірлер: 403

  • @codeSTACKr
    @codeSTACKr2 жыл бұрын

    🦸 Become A VS Code SuperHero Today: vsCodeHero.com 🧑🏾‍🤝‍🧑🏽 Join my Discord developer community: discord.gg/A9CnsVzzkZ

  • @keylanoslokj1806

    @keylanoslokj1806

    2 жыл бұрын

    Will you do another vscode free tutorial? Its fantastic!!!

  • @DeepakLalchandaniProfile

    @DeepakLalchandaniProfile

    2 жыл бұрын

    Its awesomr

  • @laigrimmie6610

    @laigrimmie6610

    Жыл бұрын

    hi you have tutorial how to make automouse and keyboard using vscode i planning to use it in a gameplatform can you teach me

  • @InfinityGuy-uw7cr

    @InfinityGuy-uw7cr

    9 ай бұрын

    Ur INSANE man, all for free as well :D, keep up the awesome work!!!

  • @adeojo9054

    @adeojo9054

    7 ай бұрын

    good

  • @jizhou749
    @jizhou749 Жыл бұрын

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

  • @DragonwingZify
    @DragonwingZify2 жыл бұрын

    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!

  • @m.o.7661
    @m.o.7661 Жыл бұрын

    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!

  • @schattenbrot7013
    @schattenbrot70132 жыл бұрын

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

  • @dugrober
    @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!

  • @Day23458
    @Day23458 Жыл бұрын

    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

  • @codeSTACKr

    @codeSTACKr

    Жыл бұрын

    Thanks! Glad it was helpful

  • @krullerooi6845
    @krullerooi684511 ай бұрын

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

  • @cielstar04
    @cielstar042 жыл бұрын

    Honestly this went smoother than I thought. Thanks for your help!!

  • @adrianam3346
    @adrianam3346 Жыл бұрын

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

  • @richardhaynes1127
    @richardhaynes1127 Жыл бұрын

    Excellent video. I just starting to preactice coding working with html and css. Your video was clear and explained and cleared up exactly what I was looking for. Thanks so much for your instruction.

  • @johnborghese1880
    @johnborghese18802 жыл бұрын

    I learned more, faster than any other VS code video. Thank you

  • @Brian-zc6yp
    @Brian-zc6yp2 жыл бұрын

    Amazing video! I've really come to love your channel, its inspired me to push through hard times when learning to code. Keep up the great work!

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    Thanks! You too!!

  • @midlifecoding
    @midlifecoding2 жыл бұрын

    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!

  • @ssmufc9941

    @ssmufc9941

    Жыл бұрын

    Haha none of us (old or young) type code fast. We copy, paste and autocomplete like lightening though! Good luck in your career change 😊

  • @misttea9136

    @misttea9136

    Жыл бұрын

    I wish I had learned this when I was just teenager.

  • @cinthia105
    @cinthia1052 жыл бұрын

    Good introduction! Text wrap and multiple c+p shortcuts were extremely helpful. ty!

  • @cesman5358
    @cesman53582 жыл бұрын

    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

  • @nadaO0O0O0O0O0
    @nadaO0O0O0O0O02 жыл бұрын

    Your tutorial is absolutely simple and clear, before your video I thought kinda complicated cuz I’m new, but now it’s more clean and simple thanks :)

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    Glad it helped!

  • @JustinMacri007

    @JustinMacri007

    Жыл бұрын

    @@codeSTACKrjust asking if I create something or an app how do I upload it to the net?

  • @gphotzoegamer9522
    @gphotzoegamer9522 Жыл бұрын

    I just started with Web dev and you make things easier by explaining this.

  • @SimX9000
    @SimX9000 Жыл бұрын

    Wow this is an awesome video for a total newb. Love that it's time indexed as well. Thank You!

  • @CarlosWashingtonMercado
    @CarlosWashingtonMercado2 жыл бұрын

    Neat, concise, clear. Congratulations.

  • @TBI-CodingToHeal
    @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.

  • @goat11t

    @goat11t

    Жыл бұрын

    I hope your still doing well ❤

  • @Sara_lm
    @Sara_lm2 жыл бұрын

    I am new to coding and I really like your channel! Amazing video, excellent tutor!

  • @MrForgot1000
    @MrForgot1000 Жыл бұрын

    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 :)

  • @mythm2063
    @mythm20632 жыл бұрын

    The video I needed, thank you!

  • @milankitanovic234
    @milankitanovic2342 жыл бұрын

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

  • @techoriya7488
    @techoriya74882 жыл бұрын

    The Best video on complete VS Code topic. 💙👏

  • @ironrose888
    @ironrose8882 жыл бұрын

    Thank you for showing the different ways that you can configure to help me work faster. Your channel is awesome 😎

  • @CodeWithStein
    @CodeWithStein2 жыл бұрын

    Nice video Jesse! A lot of helpful tricks 😀

  • @ash.mystic
    @ash.mystic2 жыл бұрын

    Fantastic introduction to VS Code! I will recommend this to new devs and I picked up several useful tips too :)

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    Thank you!

  • @rossturner7378
    @rossturner73782 жыл бұрын

    This was very helpful! I will 100% be checking out more of your videos. Thanks!

  • @PeanutsandPopcorn
    @PeanutsandPopcorn Жыл бұрын

    I have no idea what I’m doing but this is definitely the place to start. Thanks!

  • @PA-bu5cs
    @PA-bu5cs4 ай бұрын

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

  • @kingrpg1347
    @kingrpg1347 Жыл бұрын

    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

  • @Daniel-di6im
    @Daniel-di6im Жыл бұрын

    My tutor never thought me this And here you are doing it for free One in million sir

  • @jaygreentree4394
    @jaygreentree43942 жыл бұрын

    This video has inspired me to make a vs code shortcuts page for touch portal (stream deck alternative).

  • @siamakut
    @siamakut2 жыл бұрын

    The best starter of vs code, thank you ❤️

  • @orz3ch621
    @orz3ch621 Жыл бұрын

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

  • @rfuesting
    @rfuesting2 жыл бұрын

    Great video! I am just now learning javascript. This video really helped me in setting up VS Code. Thanks! I'll be watching your other videos as well. Liked and subscribed!

  • @ktmorgan3292
    @ktmorgan32922 жыл бұрын

    Outstanding! Extremely practical and concise. Thank you.

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    You're very welcome!

  • @nielslytzdk
    @nielslytzdk2 жыл бұрын

    Very nice introduction to VS Code! One question: Will the built-in IntelliSense work on all files like css, scss and js or do you need to install an extension for each type? I find that vscode quickly becomes slow on startup if too many extensions are installed... Always a pleasure watching your videos :).

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    Thanks! IntelliSense works on many languages out of the box. If you don't get suggestions, search for the language extension in the marketplace and it can be added on.

  • @EGS_lyrics
    @EGS_lyrics7 ай бұрын

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

  • @md.rokonhossain6206
    @md.rokonhossain6206 Жыл бұрын

    It was so easy to understand and informative, I could easily understand! Thanks a Ton!

  • @codeSTACKr

    @codeSTACKr

    Жыл бұрын

    Glad it was helpful!

  • @augustinaho7391
    @augustinaho7391 Жыл бұрын

    hello sir i was looking for a clear and precision video since last week and i found you thanks for this video you made with the deep explanations .i'm just beginner as developer (html,css,javascript )

  • @jaguayoe
    @jaguayoe4 ай бұрын

    Just wow!!! Thanks!!!

  • @myszczov
    @myszczov2 жыл бұрын

    I know whole that stuff, but this is the most wanted video that I would watch couple of months earlier. IMO the first thing that newbie should do is to know the basics of the environment that will be working with. And this video do it properly. Another good thing is setup the terminal or just even change shell (i.e. fish, ohmyposh with auto-complete extention).

  • @sallylauper8222
    @sallylauper82222 жыл бұрын

    This video seems to be more about VS Code than about VS Code 2022. I've been using VS Code about a year to write HTML and JavaScript. I recently installed 2022 because it is maddeningly difficult to get VSC to run a C# Hello World program (kind of ironic, as VSC and C# are both Microsoft products). I see bracket colorization is built in now.

  • @scorpawe
    @scorpawe2 жыл бұрын

    Thank you so much! So good!

  • @DeathProofXXX
    @DeathProofXXX2 жыл бұрын

    Great video, really helped me while learning to code

  • @rsngrl
    @rsngrl Жыл бұрын

    thanks for the note about Word Wrap!

  • @user-kz6ed2ul4s
    @user-kz6ed2ul4s11 ай бұрын

    Nice!! Just recommended this to fellow developers

  • @AzatarsCoding
    @AzatarsCoding7 ай бұрын

    I really like this video. Straight to the point!

  • @99Leo
    @99Leo Жыл бұрын

    Wow! Very clear explanation. Thank you very much!

  • @johnjohn___
    @johnjohn___2 жыл бұрын

    dude... im leaning python and this tutorial still made my day

  • @imamit100
    @imamit100 Жыл бұрын

    wonderful, every bit of key-shorts are very helpful.

  • @CanDoSo_org
    @CanDoSo_org2 жыл бұрын

    Great tutorial, thanks man.

  • @phillipdonnelly6430
    @phillipdonnelly6430 Жыл бұрын

    The best! Brilliant, thank YOU!

  • @glennmiller394
    @glennmiller3942 жыл бұрын

    I'm so glad I found you.

  • @judevector
    @judevector2 жыл бұрын

    Wow this video helped me alot in setting up my vscode thank you

  • @DAG_r8
    @DAG_r82 жыл бұрын

    I actually learned stuff thank you :)

  • @akibsi112
    @akibsi112 Жыл бұрын

    Thank you so much for this vidio and it realy motivated me to watch more of your production. All the best

  • @AmericanCube
    @AmericanCube Жыл бұрын

    very helpful :D

  • @BadriMouradDz
    @BadriMouradDz Жыл бұрын

    Thank you so much for this video .

  • @percymaraire6168
    @percymaraire61682 жыл бұрын

    Thank you so much for your great videos!

  • @modaboutique001
    @modaboutique001 Жыл бұрын

    Very nice and useful video for a total beginner - love it 😍thank you so much..

  • @pgsby8695
    @pgsby86952 жыл бұрын

    Man, thanks!! This really helped me a lot. How did I manage to survive so long without knowing this? lol

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    You're very welcome!

  • @sevginur
    @sevginur Жыл бұрын

    thank you lot. this video is very handful for me :)

  • @nikeapollo1
    @nikeapollo1 Жыл бұрын

    Amazing, thanks a ton!!

  • @blancacortes8659
    @blancacortes86592 жыл бұрын

    I really enjoyed the video!! thanks for sharing!!

  • @akmzahidulislam3289
    @akmzahidulislam32892 жыл бұрын

    Brilliant introductory video. Thanks a lot.

  • @ppadilla9922
    @ppadilla99222 жыл бұрын

    great video!

  • @propanmax
    @propanmax2 жыл бұрын

    Thx sir I'm beginners your videos show in my homepage this is useful 🤝

  • @invisibleman531
    @invisibleman5312 жыл бұрын

    Thank you! Very helpful!!

  • @thecoolnewsguy
    @thecoolnewsguy Жыл бұрын

    Thank you so much sir! This video was so useful!

  • @CloudSolutionPro
    @CloudSolutionPro2 жыл бұрын

    A very nice and impressive introduction to VS Code, thanks

  • @mikerobinson5006
    @mikerobinson50062 жыл бұрын

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

  • @kevinphilips7453

    @kevinphilips7453

    2 жыл бұрын

    Yes, I got a key from some website, extraordinarily cheap, and it worked perfectly.

  • @kevinphilips7453

    @kevinphilips7453

    2 жыл бұрын

    BNH-Software

  • @mikerobinson5006

    @mikerobinson5006

    2 жыл бұрын

    @@kevinphilips7453 Thank you for the recommendation I found them, I got the key instantly the purchase and it works perfect!

  • @juanfranciscocazenaveescan5870
    @juanfranciscocazenaveescan5870 Жыл бұрын

    beautifully explained, crystal clear and super professional, thanks very much for all the education you are sharing!

  • @codeSTACKr

    @codeSTACKr

    Жыл бұрын

    Thanks for watching!

  • @emmanuelsomto859
    @emmanuelsomto8592 жыл бұрын

    You're the best . I still need more tutorial

  • @mattsepter4078
    @mattsepter4078 Жыл бұрын

    Thank you for this!

  • @ENVELOPEYOURDESIRE
    @ENVELOPEYOURDESIRE Жыл бұрын

    Thank you so much for this great tutorial, liked, and subscribed and look forward to learning.

  • @waitingandwatching9328
    @waitingandwatching9328 Жыл бұрын

    Thanks , now starting out, you are a very good teacher

  • @obi1ManOfculture14
    @obi1ManOfculture142 жыл бұрын

    Bro, your theme is awesome!

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    Hey, thanks!

  • @richardbacani5827
    @richardbacani5827 Жыл бұрын

    you are awesome i like the way you teach us with your videos, i hope we could learn much more with your teaching skills. youre the best.

  • @codeSTACKr

    @codeSTACKr

    Жыл бұрын

    Thank you!

  • @sylvesterpromise3300
    @sylvesterpromise33002 жыл бұрын

    You just got a new subscriber

  • @henr2000
    @henr20002 жыл бұрын

    you are amazing dude thanks for this great tutorial now my VSCode looks and work better!

  • @rhomiezhomeboy8270
    @rhomiezhomeboy82702 жыл бұрын

    Thank you very much...keep up the good job

  • @almandohafenaaje1420
    @almandohafenaaje1420 Жыл бұрын

    Yoh bro, you deserve a Windhoek beer, Thank you

  • @prasadpachankar5763
    @prasadpachankar5763 Жыл бұрын

    Dude, its great

  • @user-pd8zs4lw2x
    @user-pd8zs4lw2x11 ай бұрын

    You're the best teacher, thanks.

  • @vikashkumarrai6334
    @vikashkumarrai6334 Жыл бұрын

    A good helping work by you

  • @ocalalydiahope8032
    @ocalalydiahope8032 Жыл бұрын

    Thanks for good explanation, am watching from Uganda

  • @roysmith6054
    @roysmith6054 Жыл бұрын

    Very helpful video. Thank you.

  • @gandavnarrain2855
    @gandavnarrain2855 Жыл бұрын

    Thank you. Very helpful.

  • @ekramhosen8358
    @ekramhosen83582 жыл бұрын

    Very helpful video! thank you

  • @Cahangir
    @Cahangir11 ай бұрын

    Thanks for the instructions, i hope i'll make good use of them along the way.

  • @kwadwokonaduasare7690
    @kwadwokonaduasare7690 Жыл бұрын

    Really impressed and want to learn more

  • @tausiftabrez625
    @tausiftabrez625 Жыл бұрын

    Amazing Video about visual code 👏

  • @sharonachims8835
    @sharonachims8835 Жыл бұрын

    Finally, a tutorial that knows his onions, thanks a lot ❤❤

  • @user-vo6eg8ms3p
    @user-vo6eg8ms3p10 ай бұрын

    Absolutely amazing, thanks for everything bro,you are the best

  • @wahibjavedmusic
    @wahibjavedmusic Жыл бұрын

    U BEST!!!

  • @OnurUrsar
    @OnurUrsar2 жыл бұрын

    Amazing video I loved your theme now I am using it

  • @codeSTACKr

    @codeSTACKr

    2 жыл бұрын

    Glad you like it