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

Подписаться 295 тыс.

Просмотров 1,2 млн

50% 1

🦸 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

Опубликовано:

17 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 402

@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 Год назад

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 7 месяцев назад

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

@adeojo9054 5 месяцев назад

good

@jizhou749 Год назад

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

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

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

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

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

@krullerooi6845 10 месяцев назад

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

@adrianam3346 Год назад

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

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

@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

@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

@CarlosWashingtonMercado 2 года назад

Neat, concise, clear. Congratulations.

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

@mythm2063 2 года назад

The video I needed, thank you!

@ironrose888 2 года назад

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

@Sara_lm Год назад

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

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

@rossturner7378 Год назад

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

@PA-bu5cs 3 месяца назад

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

@siamakut 2 года назад

The best starter of vs code, thank you ❤️

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

@techoriya7488 Год назад

The Best video on complete VS Code topic. 💙👏

@EGS_lyrics 6 месяцев назад

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

@rsngrl Год назад

thanks for the note about Word Wrap!

@orz3ch621 Год назад

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!

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

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

@AzatarsCoding 5 месяцев назад

I really like this video. Straight to the point!

@PeanutsandPopcorn 11 месяцев назад

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

@CodeWithStein 2 года назад

Nice video Jesse! A lot of helpful tricks 😀

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

@user-kz6ed2ul4s 9 месяцев назад

Nice!! Just recommended this to fellow developers

@phillipdonnelly6430 Год назад

The best! Brilliant, thank YOU!

@milankitanovic234 Год назад

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

@BadriMouradDz Год назад

Thank you so much for this video .

@scorpawe 2 года назад

Thank you so much! So good!

@nadaO0O0O0O0O0 Год назад

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 Год назад

Glad it helped!

@JustinMacri007 Год назад

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

@DeathProofXXX 2 года назад

Great video, really helped me while learning to code

@99Leo Год назад

Wow! Very clear explanation. Thank you very much!

@imamit100 Год назад

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

@blancacortes8659 2 года назад

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

@jaygreentree4394 2 года назад

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

@CanDoSo_org 2 года назад

Great tutorial, thanks man.

@akibsi112 Год назад

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

@ENVELOPEYOURDESIRE Год назад

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

@jaguayoe 2 месяца назад

Just wow!!! Thanks!!!

@amnesiaonion2161 4 месяца назад

11:25 changed my life, ngl

@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

@DAG_r8 2 года назад

I actually learned stuff thank you :)

@thecoolnewsguy Год назад

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

@wimeatsworld 2 года назад

Thanks for the video. Any advise on how to set VSC up so it's friendlier towards PHP? All else is lovely but for PHP it's absolutely dreadful...

@glennmiller394 2 года назад

I'm so glad I found you.

@gandavnarrain2855 Год назад

Thank you. Very helpful.

@akmzahidulislam3289 2 года назад

Brilliant introductory video. Thanks a lot.

@percymaraire6168 2 года назад

Thank you so much for your great videos!

@invisibleman531 2 года назад

Thank you! Very helpful!!

@judevector 2 года назад

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

@ktmorgan3292 2 года назад

Outstanding! Extremely practical and concise. Thank you.

@codeSTACKr 2 года назад

You're very welcome!

@reza-iq5df Год назад

Thank you this was really helpfull.

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

@Daniel-di6im Год назад

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

@mattsepter4078 Год назад

Thank you for this!

@sevginur Год назад

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

@ericnguyen7462 2 года назад

Thank you. This is very helpful 🙏🏻

@modaboutique001 11 месяцев назад

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

@nikeapollo1 Год назад

Amazing, thanks a ton!!

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

@md.rokonhossain6206 Год назад

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

@codeSTACKr Год назад

Glad it was helpful!

@CloudSolutionPro 2 года назад

A very nice and impressive introduction to VS Code, thanks

@DBL6Domino Год назад

this was amazing. thank you

@waitingandwatching9328 Год назад

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

@user-vo6eg8ms3p 8 месяцев назад

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

@vikashkumarrai6334 Год назад

A good helping work by you

@roysmith6054 Год назад

Very helpful video. Thank you.

@ekramhosen8358 2 года назад

Very helpful video! thank you

@user-pd8zs4lw2x 10 месяцев назад

You're the best teacher, thanks.

@rhomiezhomeboy8270 2 года назад

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

@sylvesterpromise3300 Год назад

You just got a new subscriber

@nurikaitmatov 10 месяцев назад

Thanks for your help ❤

@emmanuelsomto859 2 года назад

You're the best . I still need more tutorial

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

@henr2000 2 года назад

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

@Goforussendme Год назад

very informative and easy to understand

@diddiousdenali Год назад

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

@pedromarques4087 Год назад

Very good explanation, thank you!

@happyworldMF 2 года назад

That's really helpfull for beginner :) thank you so much 🙂

@ocalalydiahope8032 Год назад

Thanks for good explanation, am watching from Uganda

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

@kwadwokonaduasare7690 Год назад

Really impressed and want to learn more

@Cahangir 9 месяцев назад

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

@tausiftabrez625 Год назад

Amazing Video about visual code 👏

@whiteimposter9304 Год назад

you are a true savor thank you so much

@LucasFernandezkleizardx 2 года назад

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

@anthonycarter1528 2 года назад

Great information! Thanks!

@ryanhu7219 Год назад

May I ask a question? Why those fast code inputting methods like "!" and "ul>li*4" do not work in my VS Code? I've set up my VSCode according to this video. Thanks!