如何在 Visual Studio 中显示代码大纲？答案

【问题标题】：How to show code outline in Visual Studio?如何在 Visual Studio 中显示代码大纲？
【发布时间】：2021-04-08 01:19:57
【问题描述】：

Eclipse中存在这种东西：

但我还没有在 Visual Studio 中找到它。有没有这样的窗口可以显示代码大纲？

我尝试了文档大纲和类视图窗口。类视图关闭了，但它只显示类信息，是否也可以提供功能信息？

【问题讨论】：

有趣的是，Visual Studio Code 中有一个大纲窗口，它是免费的。还应注意，该功能可以通过使用位于代码编辑器窗口正上方的 Visual Studio 组合框以某种方式实现。

标签： visual-studio outline-view

【解决方案1】：

VS 的一个很棒的插件是CodeMaid。它功能强大，而且是开源的！您还可以在 CodeMaid Spade 视图中对方法进行排序。

这是截图。

【讨论】：

可能是我的文件，CodeMaid Spade 是一个空窗口！
非常感谢！我最喜欢 CodeMaid 的大纲。它有自己的视图（与 AxTools 不同）并且可以停靠在任何地方。就像在 Eclipse 中一样！完美！
+1！哇，这真是一个很棒的扩展。不知道。免费提供，我想说每个人至少应该尝试一下，真的。
Spade 窗口也没有显示 JS 文件的任何内容，这是一个主要的问题。
@SarjanWebDev 我也遇到过这个；有时 Codemaid spade 会停止显示自己。现在我通过重新启动 VS2015 来解决它。

【解决方案2】：

也是非免费的，但Jetbrains Resharper 提供了File Structure Window，这可能是您要搜索的内容。

要显示此可停靠窗口，请从菜单中选择：ReSharper → Windows → 文件结构（默认快捷键 Ctrl+Alt+F

【讨论】：

【解决方案3】：

这个问题是很久以前问过的，在 Visual Studio Code 存在之前，但我在搜索如何使用 Visual Studio Code 做到这一点时发现了它，所以我认为其他人也可能会偶然发现这个问题，所以我想我会分享我的解决方案。这是在 Visual Studio Code 中执行此操作的方法。我使用的是 TypeScript，但它也适用于 JavaScript。

1) 视图 -> 打开视图

2) 选择（或输入）大纲

3) 您现在将获得一个大纲调色板，其中显示了类的完整信息，包括属性和函数。

【讨论】：

是的，我也发现了。但现在我需要折叠到函数/方法名称。我不想列出所有属性。有任何想法吗？？？？编辑器不断恢复显示属性，我单击找到的“全部折叠”按钮，但我希望用户设置默认为“全部折叠”。
我还没有找到让它们一直折叠的方法。
我刚刚找到了！卸载“PHP Intellephense”并安装扩展“PHP IntelliSense”。它在大纲中显示了函数列表，并且在代码完成期间侵入性也较小 - 我更喜欢它。
你找到它真是太好了。我不将 PHP 与 VS Code 一起使用 - 我使用的是 TypeScript，所以我认为这对我不起作用。

【解决方案4】：

在较新的 Visual Studio 版本（例如 2015）中，您可以直接在解决方案资源管理器中看到这一点。只需展开 .cs 文件，您将按照它们在文件中列出的顺序获得方法列表。这与 Eclipse 中的 Outline 完全相同。

如果您想按字母顺序查看内容，请打开文件，在选项卡窗格和编辑器之间，有一行显示项目名称、带有命名空间的类名称，以及一个包含可用方法和属性的下拉菜单。

【讨论】：

这很酷，除了表单类只展开显示相关文件（.resx 和 .designer.cs），不显示类信息。

【解决方案5】：

不是免费的，但如果您安装 Visual AssistX，每个文档都会有一个下拉框列出文件中的所有方法（按字母顺序或按它们出现的顺序）
再次检查类视图，它确实显示了功能（但不是每个文档）。还可以查看代码定义窗口，与类视图结合使用非常好。

【讨论】：

我也在使用 Visual AssistX，我真的可以推荐它。如果您在 Visual Studio 中开发 C++，这实际上非常重要。
不是我所知道的，但如前所述，Class View 是最接近的匹配
类视图应该足够了！
大纲窗口有趣地出现在 Visual Studio Code 中，它是免费的。

【解决方案6】：

您可以使用类视图窗口，也可以使用大纲将代码窗口折叠为定义（标准键盘设置中的 Ctrl-M-O 和 Ctrl M-L）

【讨论】：

这非常有用。感谢你的分享。但它并没有完全划伤 IMO 相同的认知痒。

【解决方案7】：

技巧是调用 Ctrl+F2，然后是 Tab，然后是 Tab，然后是向下箭头。当我按下 Ctrl+o 时，我已经用这个简单的 AutoHotkey 脚本完成了：

#IfWinActive ahk_exe devenv.exe
^o::
  Send ^{F2}
  Send {Tab}
  Send {Tab}
  Send {Down}
  return
#IfWinActive

它将显示最接近 Eclipse 或其他工具中的 Quick Outline 的下拉菜单。

【讨论】：

创意解决方案:)

【解决方案8】：

现在通过 VS2010 中的插件管理器提供了一个免费插件，运行良好。它也有一个黑暗的主题。

VS10x Code Map v2

截图：

【讨论】：

免费 30 天，但此后功能有限。话虽如此……这很合理。见：http://www.axtools.com/purchase.php

【解决方案9】：

转到“解决方案资源管理器”并选择您的项目；然后选择你要勾勒的类文件，然后展开该类正下方的小三角（如下图）

【讨论】：

【解决方案10】：

在 VS2017 中，您可以直接从编辑器的右上角在文件中的项目之间导航。

【讨论】：

Ctrl+F2 然后 Tab 再 Tab 以通过键盘访问它
谢谢！我对 VS 比较陌生，而且 GUI 非常密集，我还没有找到它。一个专门的标签会更有用。

【解决方案11】：

您可以通过查看-> 其他窗口-> 文档大纲来获得文档大纲窗口，或者您可以使用 Ctrl+W、U 来获得它我正在使用 VS-2008。您还可以查看以下链接：

希望这能回答你的问题。

【讨论】：

【解决方案12】：

我已经开始使用VSCommands 10。

这支持在 Visual Studio 2010 中开发时使用的最常用语言，包括 JavaScript。

【讨论】：

【解决方案13】：

Microsoft 提供了一个免费的扩展程序，可以在 Visual Studio 中启用此功能和许多其他功能。分机号是Productivity Power Tools。

【讨论】：

我在 Productivity Power Tools 中找不到这样的大纲窗口。
@xmedeko，它不是一个额外的窗口，它增强了解决方案资源管理器，使其按照 VS2012 开始工作的方式工作，在每个文件中显示类及其成员。

【解决方案14】：

Ctrl+Shift+O 最接近你想要的

如果您需要更多，请参阅：discussion of the Outline Feature on github

【讨论】：

注意：这是 VSCode 的解决方案，而 OP 询问了 Visual Studio。

【解决方案15】：

同样需要查看代码大纲：更容易理解某人的代码组织。试过Ctrl+Shift+O，不喜欢。在市场上找到 2 个免费插件。试过this one by Patryk Zawadzki，觉得好用又帅。

安装并重新加载 VSC 后，在资源管理器窗格中查看底部的新分隔符“代码大纲”。

【讨论】：

【解决方案16】：

// 2019 年答案
Visual Studio 有一个免费的扩展，提供代码大纲：https://marketplace.visualstudio.com/items?itemName=SamirBoulema.CodeNav

【讨论】：

它不支持 C++。

【解决方案17】：

如果您使用 PHP，请确保按照docs 中的说明安装完整版

【讨论】：

【解决方案18】：

Resharper 具有检查功能。您可以从那里看到来电和去电。

快捷键：CTRL+ Shift + ALT +

【讨论】：

【解决方案19】：

以下是如何将命令添加到 Visual Studio 中的工具栏之一（或者我知道如何去做）：

1.) 单击工具栏末尾的小向下箭头，选择“添加或删除按钮”，然后选择“自定义...”

2.) 现在点击右侧的“添加命令...”按钮。

3.) 点击左侧滚动列表中的“编辑”，然后在右侧向下滚动，直到看到两个“大纲切换”命令：

4.) 选择一个（我将选择“Outline Toggle All”来切换整个打开文档中的大纲），然后单击“OK”。

5.) 现在该命令将与您第一次单击“添加/删除按钮”的工具栏分开。您可以重新排序命令以将其放置在工具栏中的不同位置。这是一个示例，我已将其添加到具有典型保存/撤消/调试命令的主工具栏：

【讨论】：

【解决方案20】：

您可以使用的东西列表：
1.Visual Studio默认的ClassView
2.Visual Assist的VA OUTLINE功能
3.CodeMaid的黑桃功能

【讨论】：