🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
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: https://code.visualstudio.com/Download
▶ FREE Web Developer Roadmap 2022: https://youtu.be/7uJGjbkp0-U
▶ FREE 2022 Web Development Course: https://courses.codestackr.com/2022-web-dev-roadmap
▶ FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-code-cheat-sheet
▶ THEME: Night Owl: https://marketplace.visualstudio.com/items?itemName=sdras.night-owl
▶ THEME: Cobalt2: https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2
▶ THEME: Shades of Purple: https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple
▶ THEME: Coder Coder Dark: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
▶ THEME: codeSTACKr: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________
⏱️ 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: https://paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/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
source
🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
cyberpink -137 is also amazing !
Thanks for the sunglass warning .
Absolutely amazing, thanks for everything bro,you are the best
Thanks a lot ❤
This was a good well explained watch
Nice!! Just recommended this to fellow developers
Hi
You didn't say how to enable Emmet.
Thanks for the instructions, i hope i'll make good use of them along the way.
شكرا جدا ليك من مصر ام الدنيا
Thank you so much
You're the best teacher, thanks.
The best, most concise, and easy-to-follow customizations for vs code I have ever seen. Just subscribed!
How can you delete projects from VS code
🤥
Very help full
Thanks for your help ❤
Trying to download the liver server and it says t available in Visual Studio Code for the Web
It would be good if he could slow down his speaking. My ears and brain don't work that fast. Well not anymore 🙂
Very nice and useful video for a total beginner – love it 😍thank you so much..
This is amazing, except that it mostly intended for web developpers, me as an engineer, don't use html . .. i use python. but prettier for example doesn't work on it.
sir how to fix the vs code noclassdeffounderror please suggest the solution
I have no idea what I’m doing but this is definitely the place to start. Thanks!
Nice setup
8:19 ı dont understand 🙁
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
I love it with C++ but run it from the terminal. To launch it from the menu I have to setup launch.json and have failed so far, so I just run C++ from the command line.
Really impressed and want to learn more
Very helpful video. Thank you.
This video is amazing …i have subscribed with notification on