Find Your Way Around the Three Main Areas

When a new application has many buttons, it can feel as though you need to understand all of them at once. You do not. Begin with three places. In our illustrated layout, the files are on the left, the main thing you are working on is in the middle, and the AI conversation is on the right. Those three places explain most of what we will do in this beginner course.

The left file area is called Explorer. It is similar to your computer's file manager, but focused on the folder you opened. Small arrows beside folders expand or collapse their contents. Selecting a file opens it in the middle. The narrow strip of icons beside Explorer is the Activity Bar. Its buttons switch between helpful views. You do not need to open every one to get started.

The middle area is the editor. This is where the selected document appears and where you can read or change it. Tabs along the top let you move between open files, a little like tabs in a browser. A tab is a view of a file, not a second copy of it. The prepared notes file is a good first document because you can read it as ordinary words.

The conversation area lets you ask the assistant a question or request help with the document. We show it on the right so you can see the file and the conversation together. Your installation may place chat somewhere else or keep it closed until you open it. VS Code lets people arrange the interface differently. A different location does not mean you installed the wrong application.

A few other buttons are useful landmarks. Search, usually shown with a magnifying glass, finds words in your project. Extensions, often shown with small blocks, adds supported tools; you do not need to install several today. Settings, often a gear, changes preferences such as appearance. The Command Palette is a searchable list of application actions, available from the View menu. It helps you find an action without knowing its icon.

The status area along the bottom gives short information about the open file and application. Some labels will be unfamiliar, and that is fine. Leave them alone for now. Our aim is recognition, not memorization. Use the interactive illustration to select a place and read its short explanation. You can try each target as often as you like without changing your computer.

For the optional real-app step, open notes.md and find its text in the middle. Then look back to the same filename on the left. You have just connected the map with the document. If you can also point to where a conversation would go, you have learned the most useful part of this lesson. Everything else can be introduced when a task actually needs it.