Method List in Visual Studio Code

In 2020 version of VSCode
Cmd+P

• # - Find symbol across files
• @ - Find symbol within file
• @: - Group symbols within a file

In VSCode 1.24 you can do that.

Right click on EXPLORER on the side bar and checked Outline.

There is a new release that can do that! Check here the latest release notes regarding code outline

For PHP users :)

1. Make sure you have 'PHP Symbol' plugin then you can get all methods and class in 'OUTLINE' Sidebar's Bottom.

2. Press ⌘ command + ⇧ shift + O in "macOS" or Ctrl + Shift + O while using "Windows"

OUTLINE:

@Symbol:

Visual Studio Code market place has a very nice extension named Go To Method for navigating only methods in a code file.

Hit Ctrl+Shift+P and type the install extensions and press enter

Now type Add to method in search box of extensions market place and press enter.

Click install to install the extension.

Last step is to bind a keyboard shortcut to the command workbench.action.gotoMethod to make it a real productivity thing for a developer.

Open symbol by name : CTRL+T might be what you are looking for. Works perfectly with my TypeScript project.

It is an extra part to the answer to this question here but I thought it might be useful. As many people mentioned, Visual Studio Code has the OUTLINE part which provides the ability to browse to different function and show them on the side.

I also wanted to add that if you check the follow cursor mark, it highlights that function name in the OUTLINE view, which is very helpful in browsing and seeing which function you are in.

For python in Explorer View, click on OUTLINE as below:

ctrl+shift+o // This should work for javascript files by default

For PHP install the extension PHP SYMBOLS

FOR PYTHON install the extension PYTHON

On Reload, this will work fine

Watch this link: https://code.visualstudio.com/updates/v1_40#_type-filters-for-outline-and-breadcrumbs

Explorer -> OUTLINE, you can choose what you want to show (only methods and functions in your case) and the result is similar to Netbeans:

in-built code OUTLINE available now with VS code

There is a plugin called show functions which lists all the function definitions in a file. It also allows you to sort the function so can search them easily.

For find method in all files you can press CTRL + P and then start search with #

example : #signin

Take a look at Show Functions plugin. It can list functions, symbols, bookmarks by configurable regular expressions. Regular expressions are a real saver, expecially when you're not using a mainstream language and when CodeOutline doesn't do the job. It's ugly to see a split window with these functions (CodeOutline seems to be better integrated) but at least there's something to use

If you are using typescript you can use this extension "Code navigator for typescript".

I have been trying it and found it useful to list my typescript class methods.