VS Code: The interface

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


When you start the editor for the first time you will see the welcome screen:

There is a bar on the left, called Activity Bar, with 5 icons.

That gives access to:

  • The Explorer
  • Search
  • Source Control
  • Run and Debug
  • The Extensions

We’ll explore some of those panels in the other lessons.

But from here you can click around, and for example that “Get Started with VS Code” link is a good starting point:

There’s an onboarding and you can for example pick a new theme:

One important thing this introduces is the command palette, which lists a few useful commands, which you open by pressing the keyboard shortcut cmd/ctrl+shift+p, or from the menu View -> Command palette:

You had a quick glance at the power of VS Code.

Lessons in this unit:

0: Introduction
1: ▶︎ The interface
2: Opening folders
3: Editing
4: Search
5: Source control
6: Extensions
7: Themes
8: Recommended extensions
9: The command palette
10: Shortcuts
11: Customization
12: Terminal
13: How to use VS Code