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

Рет қаралды 1,232,605

Күн бұрын

🦸 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 2 жыл бұрын

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

@keylanoslokj1806 2 жыл бұрын

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

@DeepakLalchandaniProfile 2 жыл бұрын

Its awesomr

@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 10 ай бұрын

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

@adeojo9054 7 ай бұрын

good

@DragonwingZify 2 жыл бұрын

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 Жыл бұрын

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!

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

@schattenbrot7013 2 жыл бұрын

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

@krullerooi6845 Жыл бұрын

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

@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 Жыл бұрын

Thanks! Glad it was helpful

@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.

@adrianam3346 2 жыл бұрын

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

@cielstar04 2 жыл бұрын

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

@cesman5358 2 жыл бұрын

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

@gphotzoegamer9522 Жыл бұрын

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

@Brian-zc6yp 2 жыл бұрын

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 2 жыл бұрын

Thanks! You too!!

@cinthia105 2 жыл бұрын

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

@SimX9000 Жыл бұрын

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

@johnborghese1880 2 жыл бұрын

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

@jizhou749 Жыл бұрын

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

@midlifecoding 2 жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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

@CarlosWashingtonMercado 2 жыл бұрын

Neat, concise, clear. Congratulations.

@Sara_lm 2 жыл бұрын

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

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

@PeanutsandPopcorn Жыл бұрын

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

@ironrose888 2 жыл бұрын

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

@mythm2063 2 жыл бұрын

The video I needed, thank you!

@rossturner7378 2 жыл бұрын

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

@user-kz6ed2ul4s 11 ай бұрын

Nice!! Just recommended this to fellow developers

@milankitanovic234 2 жыл бұрын

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

@techoriya7488 2 жыл бұрын

The Best video on complete VS Code topic. 💙👏

@PA-bu5cs 5 ай бұрын

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

@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

@nadaO0O0O0O0O0 2 жыл бұрын

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 2 жыл бұрын

Glad it helped!

@JustinMacri007 Жыл бұрын

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

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

@orz3ch621 2 жыл бұрын

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

@rfuesting 2 жыл бұрын

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!

@siamakut 2 жыл бұрын

The best starter of vs code, thank you ❤️

@BadriMouradDz Жыл бұрын

Thank you so much for this video .

@jaygreentree4394 2 жыл бұрын

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

@AzatarsCoding 8 ай бұрын

I really like this video. Straight to the point!

@EGS_lyrics 8 ай бұрын

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

@sevginur Жыл бұрын

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

@phillipdonnelly6430 Жыл бұрын

The best! Brilliant, thank YOU!

@ktmorgan3292 2 жыл бұрын

Outstanding! Extremely practical and concise. Thank you.

@codeSTACKr 2 жыл бұрын

You're very welcome!

@ash.mystic 2 жыл бұрын

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

@codeSTACKr 2 жыл бұрын

Thank you!

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

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

@99Leo Жыл бұрын

Wow! Very clear explanation. Thank you very much!

@jaguayoe 4 ай бұрын

Just wow!!! Thanks!!!

@rsngrl Жыл бұрын

thanks for the note about Word Wrap!

@blancacortes8659 2 жыл бұрын

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

@judevector 2 жыл бұрын

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

@scorpawe 2 жыл бұрын

Thank you so much! So good!

@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 Жыл бұрын

I hope your still doing well ❤

@imamit100 Жыл бұрын

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

@DeathProofXXX 2 жыл бұрын

Great video, really helped me while learning to code

@percymaraire6168 2 жыл бұрын

Thank you so much for your great videos!

@CodeWithStein 2 жыл бұрын

Nice video Jesse! A lot of helpful tricks 😀

@CanDoSo_org 2 жыл бұрын

Great tutorial, thanks man.

@modaboutique001 Жыл бұрын

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

@johnjohn___ 2 жыл бұрын

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

@roysmith6054 Жыл бұрын

Very helpful video. Thank you.

@md.rokonhossain6206 2 жыл бұрын

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

@codeSTACKr 2 жыл бұрын

Glad it was helpful!

@gandavnarrain2855 Жыл бұрын

Thank you. Very helpful.

@reza-iq5df Жыл бұрын

Thank you this was really helpfull.

@glennmiller394 2 жыл бұрын

I'm so glad I found you.

@akibsi112 Жыл бұрын

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

@akmzahidulislam3289 2 жыл бұрын

Brilliant introductory video. Thanks a lot.

@thecoolnewsguy Жыл бұрын

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

@ENVELOPEYOURDESIRE Жыл бұрын

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

@vikashkumarrai6334 2 жыл бұрын

A good helping work by you

@DAG_r8 2 жыл бұрын

I actually learned stuff thank you :)

@ocalalydiahope8032 2 жыл бұрын

Thanks for good explanation, am watching from Uganda

@tausiftabrez625 Жыл бұрын

Amazing Video about visual code 👏

@invisibleman531 2 жыл бұрын

Thank you! Very helpful!!

@nielslytzdk 2 жыл бұрын

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 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.

@sallylauper8222 2 жыл бұрын

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.

@sylvesterpromise3300 2 жыл бұрын

You just got a new subscriber

@nikeapollo1 Жыл бұрын

Amazing, thanks a ton!!

@henr2000 2 жыл бұрын

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

@diddiousdenali Жыл бұрын

Thanks a lot you video was very helpful in completing my assessment

@user-vo6eg8ms3p 10 ай бұрын

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

@codelanguages Жыл бұрын

Visual Studio Code is my go-to code software.

@kwadwokonaduasare7690 Жыл бұрын

Really impressed and want to learn more

@ekramhosen8358 2 жыл бұрын

Very helpful video! thank you

@rhomiezhomeboy8270 2 жыл бұрын

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

@waitingandwatching9328 Жыл бұрын

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

@nurikaitmatov Жыл бұрын

Thanks for your help ❤

@ppadilla9922 2 жыл бұрын

great video!

@mattsepter4078 2 жыл бұрын

Thank you for this!

@edinhogobbo679 2 жыл бұрын

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

@ericnguyen7462 2 жыл бұрын

Thank you. This is very helpful 🙏🏻

@DBL6Domino Жыл бұрын

this was amazing. thank you

@user-pd8zs4lw2x Жыл бұрын

You're the best teacher, thanks.

@prasadpachankar5763 2 жыл бұрын

Dude, its great

@CloudSolutionPro 2 жыл бұрын

A very nice and impressive introduction to VS Code, thanks

@user-xu9tb7oe2z Жыл бұрын

very nice, thanks!

@LucasFernandezkleizardx 2 жыл бұрын

Thanks for you help, I'm go to try applicated this on my Vs Code.

@whiteimposter9304 Жыл бұрын

you are a true savor thank you so much

@Goforussendme Жыл бұрын

very informative and easy to understand

@labitnelsonlangan4478 Жыл бұрын

Thanks sir it is really direct ☺️

@myszczov 2 жыл бұрын

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