Visual Studio Code is an integrated development environment (IDE) built and maintained by Microsoft. It is offered free of charge.

vscode

VSCode ships with quite a few features that aren’t immediately apparent. This playlist will guide you through some of the features VSCode has to offer and get you comfortable navigating and editing files in it.

Learn: 
- VSCode Command Palette
- Configuration
- Navigation
- Custimization

VSCode gives us plenty of options for navigating and editing our code without needing to leave the keyboard. Learn these commands to speed up your day-to-day work.

Navigate Code like a Pro in VSCode

If you find yourself with different needs in VSCode for different scenarios, like switching from your day-to-day coding setup to higher contrast and larger fonts for presenting at your local meetup (or recording screencasts), manually changing your configurations can be tedious and error prone. In this lesson, we'll use some CLI flags for VSCode to launch a new instance of VSCode that looks for your extensions and data in a non-default directory. Once configured, we'll setup an alias to launch your new configuration with a single word command so you don't need to use those CLI flags every time.

Maintain Multiple VSCode Configurations

In this video, you'll learn how to add a custom keyboard shortcut (also called "keybinding"), which will allow you to switch between the Workbench window and the Integrated Terminal window.

Add a Keyboard Shortcut to Switch Between the VSCode Workbench and the Integrated Terminal

In this video, you'll learn how to add a custom keyboard shortcut (also called "keybinding"), which will allow you to toggle between the Activity Bar including the Explorer, Search, Source Control, Debug, Extensions and any other views you might have. 

Add a Keyboard Shortcut to Toggle Between the VSCode Activity Bar Icons

Determine whether a keybinding in VS Code is duplicated and change the binding to a unique set of keys so you can use the shortcut.

Find and Fix Keybinding Clashes in VS Code

VSCode can natively preview markdown files.  Open a markdown file in VSCode and press `cmd-k v`, or the `Open Preview to the Side` button.

The Preview is live and updates as you type, and it switches live as you switch between markdown files.

View a Markdown Preview directly in VSCode

Use the Peacock extension to assign colors to the border of each VS code window or project.

VSCode Basics

Ian Jones

Course Content