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?

Thanks.

Related issue on github: https://github.com/Microsoft/vscode/issues/5605 Extension: https://marketplace.visualstudio.com/items?itemName=patrys.vscode-code-outline — Mikhail, Sep 16 '17 at 16:09
VSCode now ships with a default [Outline View](https://code.visualstudio.com/docs/getstarted/userinterface#_outline-view) that displays the symbol tree/file component structure of the currently active editor. — Sumax, Apr 14 '23 at 11:27

score 52 · Answer 1 · answered Jul 13 '18 at 16:41

52

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 '18 at 16:41

Excellence Ilesanmi

3,295
1
18
17

It tends to hide at the bottom of "Explorer" view. – Andrew Sep 01 '23 at 00:20

score 6 · Accepted Answer · answered Jan 12 '18 at 05:01

6

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 '18 at 05:01

wonder95

3,825
8
45
74

2

now this extension is now unpublished from Marketplace. Can you suggest an alternative? – Kamil Gareev Jul 16 '20 at 06:36
3

@KamilGareev As indicated in the answer above, this is now available by default in VS Code. – wonder95 Jul 16 '20 at 21:13

View file structure in VS Code

2 Answers2