Navigating your code in VS Code — Symbols, definitions, references, navigation, and more!

This Code 0 to 20 provides an in-depth look at quickly and efficiently navigating through your codebase. The video covers a range of navigation tips and tricks, ranging from basics like quick open to more advanced navigation features such as call hierarchy. Even advanced VS Code users will probably pick up a few tricks along the way

The video is broken up into chapters so feel free to skip to the sections you are most interested in.

= Sections =

0:00 Intro

1:05 Quick Open
5:22 Quick Open — Open in background
6:31 Quick Open — Open to side

7:25 Go to line
8:33 Go to line — Negative line numbers
9:12 Go to line — Go to column
9:50 Other ways to tigger go to line
10:30 Go to line from quick open

10:58 Go back / Go forward
12:20 Go to last edit location

13:35 Go to bracket

15:35 Go to symbol in editor
18:27 Go to symbol in editor — Open to side
19:09 Go to symbol in editor — Group by type
19:49 Go to symbol with quick open

20:32 Outline view
22:09 Outline view — Filtering
23:27 Outline view — Follow cursor
24:09 Outline view — Sorting
25:20 Outline view — Settings

26:42 Breadcrumbs
30:15 Breadcrumbs — Settings

31:47 Go to symbol in workspace

34:35 Go to definition
36:25 Peek definition
37:20 Peek definition in hover
38:11 Go to definition with mouse
39:16 Go to definition — Multiple definitions

40:49 Go to implementation
41:54 Go to type definition
43:17 Go to declaration

43:47 Go to references
45:12 Find all references

46:13 Call hierarchy

49:42 Go to problem

52:34 Conclusion