Visual Studio代码中的方法列表

Jim*_*arr 247 visual-studio-code

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

Wos*_*osi 238

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

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

  • 除此之外,如果在"Ctrl + Shift + O"之后按`:`,结果将按类型分组,这将列出一个子列表中的所有函数. (30认同)
  • 这是[PHP的符号](https://marketplace.visualstudio.com/items?itemName=linyang95.php-symbols). (6认同)
  • 对于 macOS 用户,它是“Cmd + Shift + O” (5认同)
  • 嗯,不是我希望的行为.我尝试了几种文件类型:在C++文件中,它说"不幸的是我们没有文件的符号信息",而在Python中它说"Python扩展中有错误". (4认同)

Stu*_*ock 165

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

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

它似乎仍在开发中,但我没有任何问题.GitHub上提供开发版本.如果你是作者读这篇文章 - 谢谢!

这是它的样子:
VSCode的代码大纲插件

  • 不推荐使用扩展名:DEPRECATED.请使用Visual Studio Code附带的[Outline view](https://code.visualstudio.com/updates/v1_24#_outline-view). (5认同)
  • 好的通话,适用于JavaScript并且无需寻找隐藏的键盘快捷键,很不错. (4认同)

Yil*_*ing 112

调用代码的Go to symbol命令:

  • macOS:cmd+ shift+ o(字母o,不是零)

  • Windows/Linux:ctrl+ shift+o

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

  • 确认它也适用于 PHP,但请注意我安装了 PHP 智能感知插件。不知道有没有区别 (3认同)
  • 必须有一个简单的方法来查看方法。滚动浏览一堆其他内容的列表来找到方法部分是一种痛苦。如果不可能的话,应该有人制作一个插件来做到这一点。 (2认同)
  • 如果不适用于 PHP,那么请确保您有“PHP Symbols”插件并且肯定可以使用。 (2认同)

mav*_*ckm 42

2020 版 VSCode
Cmd+P

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

文件中的符号 VS 代码 v1.44.0

  • 谢谢,这非常方便! (2认同)

fku*_*per 18

有一个新版本可以做到这一点!在此处查看有关代码大纲的最新发行说明

在此输入图像描述


Pic*_*ard 13

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

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

function\s([_A-Za-z0-9]+)\s*\(
Run Code Online (Sandbox Code Playgroud)


Gra*_*non 13

对于Explorer View中的python,单击OUTLINE,如下所示:

在此输入图像描述


dds*_*tan 12

我发现了这个扩展:代码大纲.这是它的样子:


这就是它的样子


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

  • 此扩展名不再存在。我认为它尚未发布,因为该功能现已内置到 VSCode 中。 (2认同)

Nac*_*cho 10

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

Explorer -> OUTLINE,您可以选择要显示的内容(仅您案例中的方法和函数),结果与 Netbeans 类似:

在此输入图像描述


Nee*_*ngh 8

对于 PHP 用户 :)

  1. 确保您有“ PHP Symbol ”插件,然后您可以在“ OUTLINE ”侧边栏底部获取所有方法和类。

  2. ? command+ ? shift+O中的“MacOS的”或Ctrl+ Shift+ O,同时使用“窗口”

大纲: 在此处输入图片说明

@象征: 在此处输入图片说明


Hos*_*ein 7

VSCode 1.24中,您可以执行此操作。

右键单击EXPLORER侧栏并选中Outline


RBT*_*RBT 6

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

命中Ctrl+ Shift+P和输入install extensions,然后按回车

在此处输入图片说明

现在Add to method在扩展市场的搜索框中输入并按回车键。

在此处输入图片说明

单击install以安装扩展程序。

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


wod*_*dzu 5

按名称打开符号CTRL+T 可能就是您要找的。与我的 TypeScript 项目完美配合。


Ahm*_*iri 5

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

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

在此处输入图片说明