Visual Studio代码中的方法列表

时间:2016-03-22 12:22:32

标签: visual-studio-code

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

17 个答案:

答案 0 :(得分:220)

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

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

答案 1 :(得分:151)

更新:正如@ jeff-xiao的评论中所述,此扩展程序已弃用,现在为built in feature of Visual Studio code。它应该在文件资源管理器的底部提供为" Outline"图。

上一篇文字: 现在有一个扩展支持这个。 Code Outline在" Explorer"中创建了一个面板。 section和JavaScript,将列出文件中的变量和函数。我现在已经使用了一段时间,它抓住了我的痒。其他评论者提到它很好地支持Python和PHP。

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

它的外观如下:
Code Outline plugin for VSCode

如果看不到代码大纲,您可以通过以下方式显示: enter image description here

答案 2 :(得分:102)

调用代码的Go to symbol命令:

  • macOS: cmd + shift + o (字母o,而非零)

  • Windows / Linux: ctrl + shift + o

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

答案 3 :(得分:18)

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

enter image description here

答案 4 :(得分:13)

2020年版VSCode
Cmd + P

  • -在文件中查找符号
  • @ -在文件中查找符号
  • @ -文件中的组符号

Symbols in a file VS Code v1.44.0

答案 5 :(得分:13)

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

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

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

答案 6 :(得分:11)

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

我发现了这个例外:Code Outline。 这就是它的样子:

This is how it looks like

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

答案 7 :(得分:3)

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

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

enter image description here

答案 8 :(得分:3)

对于PHP用户:)

  1. 确保您具有“ PHP Symbol ”插件,然后可以在“ OUTLINE ”中获取所有方法和类。 ”补充工具栏的底部。

  2. 在Mac OS中按⌘命令 + ⇧shift + O Ctrl + < kbd> Shift + O 在使用“ Windows”时

  

概述:   enter image description here

     

@符号:   enter image description here

答案 9 :(得分:2)

Open symbol by name:   CTRL + Ť  可能就是你要找的东西。与我的TypeScript项目完美配合。

答案 10 :(得分:1)

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

答案 11 :(得分:1)

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

对于PHP,请安装扩展名PHP SYMBOLS

对于PYTHON,安装扩展名PYTHON

在重新加载时,此方法可以正常工作

答案 12 :(得分:1)

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

答案 13 :(得分:1)

VSCode 1.24中,您可以这样做。

右键单击侧栏上的EXPLORER,然后选中Outline

答案 14 :(得分:1)

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

示例:#signin

enter image description here

答案 15 :(得分:0)

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

答案 16 :(得分:0)

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

Ctrl + Shift + P 并键入install extensions并按Enter

enter image description here

现在在扩展市场的搜索框中键入Add to method,然后按Enter。

enter image description here

点击 install 安装扩展程序。

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