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

codeSTACKr

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