Method List in Visual Studio Code

Question

I\'ve recently started using the Visual Studio Code editor. I\'m really loving it, but there\'s one critical feature (for me) that I haven\'t been able to find. Is there a met

Answer 1

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:

Answer 2

UPDATE: The extension features are now built-in and the extension itself is now deprecated

I have found this extention: Code Outline. This is how it looks like:

---

---

I believe that is what you have been looking for.

Answer 3

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

Answer 4

In 2020 version of VSCode
Cmd+P

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

Answer 5

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

Answer 6

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.