更新:扩展功能现在是内置的，扩展本身现在已弃用

我找到了这个扩展:代码大纲。 这是它的样子:

我相信这就是你一直在寻找的。

按名称打开符号: CTRL + T 也许就是你要找的。完美地与我的TypeScript项目。

Visual Studio Code市场上有一个非常不错的扩展名为Go To Method，用于在代码文件中只导航方法。

按Ctrl+Shift+P，输入安装扩展，并按enter

现在在扩展市场搜索框中输入“添加到方法”并按回车。

单击install安装扩展。

最后一步是将键盘快捷键绑定到workbench.action. gotommethod命令，使其成为开发人员的真正生产力。

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

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

看看Show Functions插件。 它可以通过可配置的正则表达式列出函数，符号，书签。正则表达式是一个真正的节省者，特别是当您没有使用主流语言和CodeOutline不能完成工作时。 看到带有这些函数的分割窗口很难看(CodeOutline似乎集成得更好)，但至少有一些东西可以使用

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

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

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

这是它的样子:

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