VS Code SuperHero Video Course
- Buy now
- Learn more
Resources

VS Code Download
codeSTACKr VS Code Theme
SuperHero Extension Pack
Discord Access
Keyboard Shortcuts (Light).pdf
Keyboard Shortcuts (Dark).pdf
Git Cheat Sheet (Light).pdf
Git Cheat Sheet (Dark).pdf
My Personal VS Code settings.json
STACKr Code Font
Introduction

Introduction
Getting Started

Getting Started
User Interface

Walkthrough
Command Palette
The File System
Pop Quiz
Layout Customization
Pop Quiz
Search & Replace
Workspaces
Customization

Basic Settings
Pop Quiz
Fonts & Ligatures
Common Shortcuts
Custom Shortcuts
Themes
Cursor Options
Extensions

Essential Extensions
Better Comments
CSS Peek
HTML CSS Support
JavaScript (ES6) Code Snippets
Quokka
ESLint
change-case
Code Spell Checker
Color Highlight
:emojisense:
GitLens
GitHub Pull Requests & Issues
DotENV
Import Cost
Live Share
MongoDB for VS Code
Markdown All in One
Markdown Preview GitHub Styles
Word Count
Project Manager
ES7 React/Redux/GraphQL/React-Native Snippets
Vetur
Settings Sync

Settings Sync
Writing & Formatting Code

Manipulating Text
Pop Quiz
Multiple Cursors
Emmet - Introduction
Emmet - Basic Tags
Emmet - Classes & IDs
Pop Quiz
Emmet - Attributes & Content
Pop Quiz
Emmet - Siblings & Children
Emmet - Climbing Up
Emmet - Grouping
Emmet - Multiplication
Emmet - Implicit Tags
Emmet - Wrapping with Tags
Emmet - Lorem Ipsum
Emmet - CSS
Emmet - Settings
IntelliSense
Snippets
Symbols & Renaming
Pop Quiz
Refactoring Code
Prettier
Markdown
Keyboard SuperHero

Keyboard SuperHero
Source Control

Install Git
Git Basics
Remote Repositories (GitHub)
GitLens (Extension)
Integrated Terminal

Terminal Overview
Terminal Basics
Customizing Git Bash (Windows)
Collaboration

Live Share
Debugging

Debugging Basics
Debugging Chrome
Debugging Node.js
Debugging Front-End Frameworks
Working With Containers

Docker Setup
Dockerize An Application
Deploy A Container
Docker Compose
Debugging Containers
Developing Inside A Container
Next Steps

What Next?

Emmet - Introduction