Beginners Coding: VS Code

VS Code Interface Overview

Go to the Welcome Tab and click "Interface Overview" under the section entitled, "Learn." This will overlay the parts of the interface overlaid on top for a quick refresher on what each icon means.

VS Code's Interactive Editor Playground

Here you can find all of VS Code's useful editing features, like multi-curser editing, and you can try it out on the playground to see how things work.

VS Code - Customize: Tools and Languages

Here you can install the extensions for the programming languages you want to use. Extensions provide extra support for coding through services like autocomplete, quick fixes, and formatting. But they don't always come with compilers, which turn your code into code your computer can execute and run. More info can be found on code.visualstudio.com in their video entitled "Extensions for Visual Studio Code."

VS Code Interface - Activity Bar: Extensions View

Manage and download extensions

VS Code Interface - Activity Bar: Run View

Run and debug code here

VS Code Interface - Activity Bar: Search

Search through your files

VS Code - Customize: Settings and keybindings

Click on this section to find different keymap extensions that will provide you keyboard short cuts within VS Code. To see the shortcuts all in one place, open the command pallet and click "open keyboard shortcuts" or print them off under the help section on the welcome page.

VS Code Interface - Activity Bar: Source Control

Track changes and see different versions of your code files

VS Code Interface - Command Palette

VS Code Toolbar --> View --> Command Palette This is the control center for all of the actions in VS Code. Every action is mapped to a command in the command palette.

VS Code Interface - Activity Bar: File Explorer

Your current files and folders