我最近开始使用Visual Studio代码编辑器。我真的很喜欢它,但有一个关键的功能(对我来说)我还没有找到。是否有一个方法列表,类似于NetBeans中的导航器或Visual Studio中的成员下拉菜单?


当前回答

有一个名为show functions的插件,它列出了一个文件中的所有函数定义。它还允许您对函数进行排序,以便轻松地搜索它们。

其他回答

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

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

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

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

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

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

这是它的样子:

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

现在已经没有这样的功能了, CTRL+SHIFT+O == CTRL+P @并不适用于所有语言。

作为最后的手段,你可以使用搜索面板-尽管它不是那么快,也不是那么容易使用,你可以在搜索面板中输入这个正则表达式来查找所有的函数:

function\s([_A-Za-z0-9]+)\s*\(

是的,有workbench.action.gotoSymbol命令。在Windows和Linux上,默认设置为CTRL+Shift+O,在Mac上是Cmd+Shift+O。

如果这个命令对于你正在使用的文件类型不可用,那么你应该看看VSCode扩展。并非所有语言都支持此特性。