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


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

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


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

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

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

调用Code的Go to symbol命令:

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

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


CTRL+F12 (CMD+F12 for Mac) -为我打开PHP类中的所有方法和成员。


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

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

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

这是它的样子:

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


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


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

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



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


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


有一个新的版本可以做到这一点! 关于代码大纲,请查看这里的最新发布说明


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

对于PHP,安装扩展PHP SYMBOLS

对于PYTHON,安装扩展名PYTHON

在重载,这将工作良好


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


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

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


对于PHP用户:)

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

大纲: @Symbol:


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

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

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

单击install安装扩展。

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


在VSCode 1.24中,你可以这样做。

右击侧边栏的资源管理器,选中大纲。


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

附录


在2020版的VSCode Cmd + P

# -查找跨文件的符号 @ -在文件中查找符号 @: -文件中的符号分组


内置代码大纲现在可与VS代码


对于资源管理器视图中的python,单击OUTLINE,如下所示:


观看这个链接:https://code.visualstudio.com/updates/v1_40#_type-filters-for-outline-and-breadcrumbs

浏览器-> OUTLINE,你可以选择你想要显示的内容(在你的情况下只有方法和函数),结果类似于Netbeans:


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

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