Skip to content

Commit

Permalink
A little tidy up of User Interface topic
Browse files Browse the repository at this point in the history
  • Loading branch information
Greg Van Liew committed Dec 1, 2017
1 parent df93345 commit a27fa6e
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 9 deletions.
Binary file removed docs/getstarted/images/userinterface/layout.png
Binary file not shown.
11 changes: 2 additions & 9 deletions docs/getstarted/userinterface.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,6 @@ At its heart, Visual Studio Code is a code editor. Like many other code editors,

![code basics hero](images/userinterface/hero.png)

## Files, Folders & Projects

VS Code is file and folder based - you can get started immediately by opening a file or folder in VS Code.

On top of this, VS Code can read and take advantage of a variety of project files defined by different frameworks and platforms. For example, if the folder you opened in VS Code contains one or more `package.json`, `project.json`, `tsconfig.json`, or .NET Core Visual Studio solution and project files, VS Code will read these files and use them to provide additional functionality, such as rich IntelliSense in the editor.

## Basic Layout

VS Code comes with a simple and intuitive layout that maximizes the space provided for the editor while leaving ample room to browse and access the full context of your folder or project. The UI is divided into five areas:
Expand All @@ -31,8 +25,6 @@ VS Code comes with a simple and intuitive layout that maximizes the space provid

Each time you start VS Code, it opens up in the same state it was in when you last closed it. The folder, layout, and opened files are preserved.

![VS Code Layout](images/userinterface/layout.png)

Open files in each editor are displayed with tabbed headers (Tabs) at the top of the editor region. To learn more about tabbed headers, see the [Tabs](/docs/getstarted/userinterface.md#tabs) section below.

>**Tip:** You can move the Side Bar to the right hand side (**View** > **Move Side Bar Right**) or toggle its visibility (`kb(workbench.action.toggleSidebarVisibility)`).
Expand Down Expand Up @@ -70,7 +62,8 @@ The image above also shows indentation guides (vertical lines) which help you qu

## Explorer

The Explorer is used to browse, open, and manage all of the files and folders in your project.
The Explorer is used to browse, open, and manage all of the files and folders in your project. VS Code is file and folder based - you can get started immediately by opening a file or folder in VS Code.


After opening a folder in VS Code, the contents of the folder are shown in the Explorer. You can do many things from here:

Expand Down

0 comments on commit a27fa6e

Please sign in to comment.