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://discord.gg/A9CnsVzzkZ
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
Видео Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks канала codeSTACKr
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
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
Видео Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks канала codeSTACKr
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
25 VS Code Productivity Tips and Speed HacksHow I Setup And Customize VSCodeTop 10 Best VS Code Extensions you NEED in 2022!NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web DevelopmentPowerful VSCode Tips And Tricks For Python Development And DesignTop 10 Best VS Code ExtensionsVS Code Has Dev Tools & Console!! No Need For Chrome Anymore 👋5 Ways to Customize VS CodeWeb Development In 2022 - A Practical GuideHow to make your own VS Code theme!Visual Studio Code setup for HTML CSS and JavaScript | VS Code setup for beginnersHTML Full Course - Build a Website TutorialLearn Git in 30 MinutesHow To Create A Website using HTML & CSS | Step-by-Step TutorialBest VS Code Extensions I Wish I Knew BeforeVS Code Bangla Tutorial | VS Code Installation Bangla | Bangla Tutorial| [Web Ground]Top 10 VS Code Extensions for Web Development (2020)VSCode Tutorial For Beginners - Getting Started With VSCodeTop 10 VSCode Extensions for Web Development