如果你正在使用typescript，你可以使用这个扩展“代码导航typescript”。

我一直在尝试，发现列出我的typescript类方法很有用。

更新:正如@jeff-xiao评论中所述，此扩展已弃用，现在是Visual Studio代码的内置功能。它应该可以在文件资源管理器的底部作为“大纲”视图。

先前的文本: 现在有一个扩展支持这一点。代码大纲在“资源管理器”部分创建了一个面板，对于JavaScript，将在文件中列出变量和函数。我已经使用这个有一段时间了，它抓住了我的痒。其他评论者提到它很好地支持Python和PHP。

它似乎还在开发中，但我还没有遇到任何问题。开发版本可在GitHub。如果你是正在阅读这篇文章的作者——谢谢!

这是它的样子:

如果代码大纲不可见，您可以通过以下方式显示它:

调用Code的Go to symbol命令:

macOS: cmd+shift+o(字母o，不是零) Windows / Linux:按ctrl + shift + o

在调用Go to symbol后输入冒号(:)将按类型(类、接口、方法、属性、变量)对符号进行分组。然后滚动到方法部分。

对于PHP用户:)

确保你有'PHP Symbol'插件，然后你可以在'OUTLINE'侧栏底部获得所有的方法和类。 在“macOS”中按⌘command + shift + O或在“Windows”中按Ctrl + shift + O

大纲: @Symbol:

如果要查找所有文件中的方法，可以按CTRL + P，然后用#开始搜索

附录

这是这个问题答案的额外部分，但我认为它可能有用。正如许多人提到的，Visual Studio Code有OUTLINE部分，它提供了浏览不同函数并在侧面显示它们的能力。

我还想补充的是，如果您检查了follow游标，它会突出OUTLINE视图中的函数名，这对于浏览和查看您所处的函数非常有帮助。