A dedicated activity-bar view that lists the symbols of the file you are editing, grouped by kind,
so you can see a file's structure and jump around it without scrolling.
Features
Symbols grouped by kind. Classes, interfaces, enums, constructors, methods, functions,
properties, variables, constants and fields each get their own expandable group with the matching
VS Code icon; anything else is collected under "Other".
One click to jump. Selecting an entry moves the cursor to that symbol and reveals it in the
center of the editor if it was off screen.
Nested symbols stay nested. Members of a class or interface appear as children of their parent
entry rather than as a flat list.
Signature hints at a glance. Functions and methods show their return type and whether they have
a body (✓) or are declaration-only (○); typed properties, variables, constants and fields show
their type. Hovering an entry shows the first few lines of its source.
Filtering by name or kind. The funnel button in the view title asks for a query: plain text
matches symbol names, and a @: prefix matches the group name instead (for example @:class).
Keeps up as you type. The tree refreshes when you switch editors and about 300 ms after you
stop typing, and results are cached per document version so re-rendering is cheap.
Usage
Open the Symbol Outline icon in the activity bar to show the view for the active editor. Click any
symbol to jump to it, and use the funnel icon in the view title to filter. Both actions are also
available from the command palette as Jump to Symbol (symbolOutline.jumpToSymbol) and
Filter Symbols (symbolOutline.filter), though jumping is meant to be triggered from the tree.
Requirements
VS Code 1.95.0 or later.
A language extension that provides document symbols for your file type. The view is built from
VS Code's document symbol provider, so a language with no provider shows an empty tree.
