Instructor: 0:00 The first time you open Visual Studio Code, you will meet the welcome screen. Before going into the details here, let's explore the user interface first. As compared to many IDEs out there, Visual Studio Code comes with a very minimal interface.
0:15 It is one of those things that I really, really like about it. Let's explore what this interface is made up of. On the left side here, you will find an activity bar with a bunch of icons in it. This activity bar helps you switch between different views and gives you context-specific indicators.
0:34 Inside here, you will find the explorer where you can explore all the files of your project. You can find, search, replace anything throughout your project. For example, stag, and then you can see their package json and stag.js files have the words stag in them.
0:51 Then there's the source control view where you can see the changes. After that, there is the debugger. You can set up the configurations here. Finally, you can check out the extension's marketplace here with over 4,000 extensions for VS Code right now.
1:07 This thing right here is what we call the side bar. You can press command or control plus B to toggle the side bar.
1:16 This area right here is what we call the editor group. It is actually the editor where you write your code. You can also press control, tilde to view a panel which has the terminal, the debug console, output.
1:31 It also has this problems panel where you can see if there are any problems inside your code. A linter could report these problems or avoid them.
1:51 Finally, on the far left is the activity bar. On the bottom is the status bar. This is the editor group. Below the editor group, you can find different panels. You can also move these panels to the vertical area here or at the bottom, whichever is your cup of tea.