Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks
🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com 🧑🏾🤝🧑🏽 Join my Discord developer community: https://ift.tt/3ngPhke 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://ift.tt/1bUG78j ▶ FREE Web Developer Roadmap 2022: https://youtu.be/7uJGjbkp0-U ▶ FREE 2022 Web Development Course: https://ift.tt/3GXHxwO ▶ FREE VS Code Cheat Sheet: https://ift.tt/39hcMV3 ▶ THEME: Night Owl: https://ift.tt/2rSgy1C ▶ THEME: Cobalt2: https://ift.tt/2fXvCWm ▶ THEME: Shades of Purple: https://ift.tt/2Pmo1CY ▶ THEME: Coder Coder Dark: https://ift.tt/3uIJhFb ▶ THEME: codeSTACKr: https://ift.tt/365fxH0 _____________________________________ 🛠️ Tools I use: 🟠 codeSTACKr Theme: https://ift.tt/365fxH0 🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com) 🟠 SuperHero Extension Pack: https://ift.tt/38ew1Py _____________________________________ ⏱️ 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://ift.tt/2YcwQUh _____________________________________ 👀 Watch Next: Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt _____________________________________ 🌐 Connect With Me: Website: https://ift.tt/34cFAfg Twitter: https://twitter.com/codeSTACKr Instagram: https://ift.tt/2PZOqbw Facebook: https://ift.tt/2S95BGe _____________________________________ ** 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
🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com 🧑🏾🤝🧑🏽 Join my Discord developer community: https://ift.tt/3ngPhke 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://ift.tt/1bUG78j ▶ FREE Web Developer Roadmap 2022: https://youtu.be/7uJGjbkp0-U ▶ FREE 2022 Web Development Course: https://ift.tt/3GXHxwO ▶ FREE VS Code Cheat Sheet: https://ift.tt/39hcMV3 ▶ THEME: Night Owl: https://ift.tt/2rSgy1C ▶ THEME: Cobalt2: https://ift.tt/2fXvCWm ▶ THEME: Shades of Purple: https://ift.tt/2Pmo1CY ▶ THEME: Coder Coder Dark: https://ift.tt/3uIJhFb ▶ THEME: codeSTACKr: https://ift.tt/365fxH0 _____________________________________ 🛠️ Tools I use: 🟠 codeSTACKr Theme: https://ift.tt/365fxH0 🟠 STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com) 🟠 SuperHero Extension Pack: https://ift.tt/38ew1Py _____________________________________ ⏱️ 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://ift.tt/2YcwQUh _____________________________________ 👀 Watch Next: Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt _____________________________________ 🌐 Connect With Me: Website: https://ift.tt/34cFAfg Twitter: https://twitter.com/codeSTACKr Instagram: https://ift.tt/2PZOqbw Facebook: https://ift.tt/2S95BGe _____________________________________ ** 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
Comments
Post a Comment