Issue #64 (Outline View)07/12/23
The Outline view in VS Code is a handy little section of the VS Code file explorer that I'm sure many of you use regularly. If not, here's a quick run-down of what it does.
The Outline view is a small panel found at the bottom of your file explorer (CTRL-SHIFT-E to open) that shows a symbol tree of the currently active editor. This means you'll see a tree-like view of your file's functions and variables. Sort of like a table of contents for your script.
In the top-right area there are a few ways to customize the Outline view. You can collapse/expand all your symbols as needed using the collapse/expand toggle. And there's also more settings if you click the three dots.
In addition to choosing how you want your symbols sorted, there's a neat little option called "Follow Cursor". With this enabled, VS Code will jump through the various symbols as you actually navigate through them in your file with your cursor.
And usefully, if you're in a particularly big file and want to easily jump to a specific symbol, you can hit CTRL-F inside the outline panel, which brings up a little search box. You can type the name of your symbol and the Outline view will auto-filter based on the search text.
As I've indicated in the screenshot above, there's a button that has a magnifying glass icon with a squiggly line under it that lets you toggle "Fuzzy Match", so you can conduct a literal search or a fuzzy search.
Now on to this week's hand-picked links!
