Visual Studio代码中的方法列表

问题描述 投票:227回答:15

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

visual-studio-code
15个回答
225
投票

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

如果此命令不适用于您正在使用的文件类型,那么您应该查看VSCode extensions。并非所有语言都支持此功能。


2
投票

Open symbol by name你可以做到这一点。

右键单击侧栏上的VSCode 1.24并检查EXPLORER


1
投票

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


1
投票

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


1
投票
show functions

对于PHP,请安装扩展ctrl+shift+o // This should work for javascript files by default

为PYTHON安装扩展PHP SYMBOLS

在重新加载,这将工作正常


0
投票

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


0
投票

Visual Studio代码市场有一个非常好的扩展名为Show Functions,用于仅导航代码文件中的方法。

按Ctrl + Shift + P并键入Go To Method并按Enter键

install extensions

现在在扩展市场的搜索框中键入enter image description here并按Enter键。

Add to method

单击“安装”以安装扩展。

最后一步是将键盘快捷键绑定到命令enter image description here,使其成为开发人员真正的生产力。


152
投票

更新:如@ jeff-xiao的评论中所述,此扩展已弃用,现在它是built in feature of Visual Studio code。它应该在文件资源管理器的底部作为“大纲”视图提供。

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

它似乎仍在开发中,但我没有任何问题。开发版可用on GitHub。如果你是作者读这篇文章 - 谢谢!

这是它的样子: Code Outline plugin for VSCode

如果代码轮廓不可见,您可以通过以下方式显示:enter image description here


104
投票

调用Code的Go to symbol命令:

  • macOS:cmd + shift + o(字母o,不为零)
  • Windows/Linux: Ctrl+shift+哦

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


18
投票

有一个新版本可以做到这一点!点击这里the latest release notes regarding code outline

enter image description here


13
投票

今天没有这样的功能,CTRL + SHIFT + O == CTRL + P @不适用于所有语言。

作为最后的手段,您可以使用搜索面板 - 虽然它不是那么容易使用 - 您可以在搜索面板中输入此正则表达式以查找所有功能:

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

12
投票

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

我找到了这个扩展名:qazxsw poi。这是它的样子:


Code Outline


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


3
投票

这是这个问题答案的另一部分,但我认为它可能有用。正如许多人所提到的,Visual Studio Code具有This is how it looks like部分,它提供了浏览不同功能并在侧面显示它们的能力。

我还想补充一点,如果你检查跟随光标,它会在OUTLINE视图中突出显示该功能名称,这对于浏览和查看你所在的功能非常有帮助。

OUTLINE


3
投票

对于PHP用户:)

  1. 确保你有'PHP Symbol'插件然后你可以在'OUTLINE'侧边栏的底部获得所有方法和类。
  2. 使用“Windows”时,在“macOS”中按⌘命令+⇧shift+ O或按Ctrl + Shift + O

大纲:enter image description here

@Symbol:enter image description here


2
投票

enter image description here:CTRL + T可能就是你要找的东西。与我的TypeScript项目完美配合。

© www.soinside.com 2019 - 2024. All rights reserved.