Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

View file structure in VS Code

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.

like image 466
wonder95 Avatar asked Apr 04 '17 23:04

wonder95


People also ask

How do I view files in VS Code?

Quick file navigation# VS Code provides two powerful commands to navigate in and across files with easy-to-use key bindings. Hold Ctrl and press Tab to view a list of all files open in an editor group. To open one of these files, use Tab again to pick the file you want to navigate to, then release Ctrl to open it.


2 Answers

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

like image 134
Excellence Ilesanmi Avatar answered Sep 27 '22 18:09

Excellence Ilesanmi


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

like image 37
wonder95 Avatar answered Sep 27 '22 19:09

wonder95