View file structure in VS Code

Question

One of the features I use frequently in PHPStorm is the Structure window, which shows me my file structure broken down into functions, classes, variables, etc . I'm checking out VS Code, and I don't see an option for that type of window anywhere.

Is there a similar window, or other way I can view the structure of my file?

Related issue on github: github.com/Microsoft/vscode/issues/5605 Extension: marketplace.visualstudio.com/… — Michael
– Michael, Commented Sep 16, 2017 at 16:09
VSCode now ships with a default Outline View that displays the symbol tree/file component structure of the currently active editor. — Sumax
– Sumax, Commented Apr 14, 2023 at 11:27

Excellence Ilesanmi · Accepted Answer · 2018-07-13 16:41:31Z

67

The latest version of VS Code now has "Outline view" shipped in

From their site:

The Outline view is out of preview and now enabled by default.

You can read more about this here:

https://code.visualstudio.com/updates/v1_25#_outline-view

answered Jul 13, 2018 at 16:41

Excellence Ilesanmi

3,5751 gold badge20 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrew Over a year ago

It tends to hide at the bottom of "Explorer" view.

AndreyCh · Accepted Answer · 2023-09-08 13:18:46Z

11

In the latest version of Visual Studio Code to open file structure which is called Outline in VS click:

View
Then Open View...
And select Outline

edited Sep 8, 2023 at 13:18

answered Sep 8, 2023 at 13:11

AndreyCh

1591 silver badge5 bronze badges

Comments

wonder95 · Accepted Answer · 2018-01-12 05:01:09Z

7

I ended up going with Code Outline tree provider for Visual Studio Code as mentioned by @Mikhail above, and it works well.

answered Jan 12, 2018 at 5:01

wonder95

4,3558 gold badges52 silver badges83 bronze badges

2 Comments

Kamil Gareev Over a year ago

now this extension is now unpublished from Marketplace. Can you suggest an alternative?

wonder95 Over a year ago

@KamilGareev As indicated in the answer above, this is now available by default in VS Code.

Eric · Accepted Answer · 2024-09-22 03:30:35Z

1

The shortcut outline.toggleVisibility toggle the outline view, which has no shortcut bind by default.

Can assign it a shortcut, e.g ctrl + o, similar as what we used to do in Eclipse, or any shortcut that you prefer.

Then you can show / hide the outline via shortcut. BTW, the shortcut works only when you've focus a source file, otherwise it wouldn't know whose outline to show I guess.

answered Sep 22, 2024 at 3:30

Eric

25.8k26 gold badges168 silver badges232 bronze badges

Comments

Javalogist · Accepted Answer · 2025-08-22 10:29:17Z

1

If Outline does not work
Go to the base file from where you want the path in the terminal or PowerShell, then run this command

tree /A /F > structure.txt

This will generate a txt file named structure.txt in that base location

answered Aug 22 at 10:29

Javalogist

12 bronze badges

Comments

meghana · Accepted Answer · 2024-09-23 07:34:08Z

0

Try this, It provides all the information such as main,sub folders along with git related if present so jut follow preview Name: Draw Folder Structure Id: jmkrivocapich.drawfolderstructure Version: 1.3.0 Publisher: Krivoox VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=jmkrivocapich.drawfolderstructure

answered Sep 23, 2024 at 7:34

meghana

1

Collectives™ on Stack Overflow

View file structure in VS Code

6 Answers 6

1 Comment

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related