方法列表在Visual Studio代码

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

294926 次浏览
小开

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

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

小开

今天没有这样的功能， CTRL+转变+O == CTRL+P @并不适用于所有语言

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

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

调用Code的Go to symbol命令:

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

  • Windows / Linux: < kbd > ctrl < / kbd > + < kbd >转变< / kbd > + < kbd > o < / kbd >

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

小开

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

小开

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

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

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

它看起来是这样的:
Code Outline plugin for VSCode < / p > 如果代码大纲不可见，您可以通过以下方式显示它: enter image description here < / p >

小开
< p > 按名称打开符号: CTRL < / kbd > + < kbd > T 也许就是你要找的。与我的TypeScript项目完美地工作
小开

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

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

This is how it looks like .

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

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

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

enter image description here

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

对于PHP，安装扩展PHP的符号

对于PYTHON，安装扩展PYTHON

在重载，这将工作良好

小开

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

小开

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

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

enter image description here

小开

对于PHP用户:)

  1. 确保你有'PHP Symbol'插件，然后你可以在'OUTLINE'边栏底部获得所有的方法和类。

  2. 在“macOS”中按⌘command + ⇧shift + O或Ctrl + shift + O而使用“Windows”

< p >大纲: enter image description here < / p > < p > @Symbol: enter image description here < / p >
小开

Visual Studio Code市场有一个非常好的扩展名为转到方法，用于在代码文件中导航只有方法。

点击Ctrl+转变+P，输入install extensions并按enter键

enter image description here

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

enter image description here

单击安装安装扩展。

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

小开

在VSCode 1.24中你可以这样做。

右键单击侧栏上的EXPLORER并选中Outline。

小开

对于所有文件中的查找方法，您可以按CTRL + P，然后用#开始搜索

示例:#signin

enter image description here

小开

在2020版本的VSCode
Cmd < / kbd > + P

  • ＃ -查找跨文件的符号
  • @ -查找文件中的符号
  • @： -文件中的组符号

Symbols in a file . VS Code v1.44.0 < / p >

小开

内置代码大纲现在可与VS代码 代码大纲 < / p >

小开

对于Explorer视图中的python，如下所示单击大纲:

enter image description here

小开

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

探险家→OUTLINE，你可以选择你想要显示的内容(在你的情况下只显示方法和函数)，结果与Netbeans类似:

enter image description here

小开

如果你正在使用typescript，你可以使用这个扩展"typescript代码导航器"

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


提交答案