我最近开始使用 Visual Studio Code 编辑器。我真的很喜欢它,但有一个(对我而言)我无法找到的关键功能。是否有方法列表,类似于 NetBeans 中的导航器或 Visual Studio 中的成员下拉列表?
是的,有 workbench.action.gotoSymbol
命令。在 Windows 和 Linux 上,默认设置为 CTRL+Shift+O。
如果此命令不适用于您正在使用的文件类型,那么您应该查看 VSCode extensions。并非所有语言都支持此功能。
更新:正如@jeff-xiao 评论中所述,此扩展已弃用,现在是 built in feature of Visual Studio code。它应该在文件资源管理器的底部作为“大纲”视图可用。
上一篇:现在有一个扩展支持这个。 Code Outline 在“资源管理器”部分创建一个面板,对于 JavaScript,将列出文件中的变量和函数。我已经使用了一段时间了,它会抓挠我的痒。其他评论者提到它很好地支持 Python 和 PHP。
它似乎仍在开发中,但我没有任何问题。可用的开发版本 on GitHub。如果您是阅读本文的作者 - 谢谢!
https://i.stack.imgur.com/D24i7.jpg
https://i.stack.imgur.com/ZaR8d.png
调用 Code 的 Go to symbol
命令:
macOS:cmd+shift+o(字母 o,不是零)
Windows/Linux: ctrl+shift+o
在调用 Go to symbol
后键入冒号 (:) 将按类型(类、接口、方法、属性、变量)对符号进行分组。然后只需滚动到 methods
部分。
2020版VSCode Cmd+P
# - 跨文件查找符号
- 在文件中查找符号
@: - 在文件中分组符号
https://i.stack.imgur.com/emfR4.png
在 VSCode 1.24 中,您可以这样做。
右键单击侧栏上的 EXPLORER
并选中 Outline
。
edit
嗯..面包屑其实更符合它,如果你已经在一个例程中,你可以点击面包屑,它会弹出一个下拉框..
有一个新版本可以做到这一点!在这里查看the latest release notes regarding code outline
https://i.stack.imgur.com/f5iEo.png
更新:扩展功能现在是内置的,扩展本身现在已弃用
我找到了这个扩展名:Code Outline。这是它的样子:
https://i.stack.imgur.com/ONbKd.png
我相信这就是你一直在寻找的。
今天没有这样的功能,CTRL+SHIFT+O == CTRL+P @ 不适用于所有语言。
作为最后的手段,您可以使用搜索面板 - 虽然它不像您希望的那样快速且易于使用 - 您可以在搜索面板中输入此正则表达式以查找所有功能:
function\s([_A-Za-z0-9]+)\s*\(
name = function
、name: function
(对象内部)和箭头函数
对于 PHP 用户:)
确保您有“PHP Symbol”插件,然后您可以在“OUTLINE”侧边栏底部获取所有方法和类。在“macOS”中按 ⌘ command + ⇧ shift + O 或在使用“Windows”时按 Ctrl + Shift + O
大纲:@符号:
Visual Studio Code 市场有一个非常好的扩展名为 Go To Method,用于导航代码文件中的only 方法。
点击 Ctrl+Shift+P 并输入 install extensions
并按 Enter
https://i.stack.imgur.com/Rt8Vd.png
现在在扩展市场的搜索框中输入 Add to method
,然后按 Enter。
https://i.stack.imgur.com/2xb9M.png
单击安装以安装扩展。
最后一步是将键盘快捷键绑定到命令 workbench.action.gotoMethod
以使其成为开发人员真正的生产力。
这是这里对这个问题的答案的额外部分,但我认为它可能有用。正如许多人提到的,Visual Studio Code 有 OUTLINE 部分,它提供了浏览不同功能并将它们显示在侧面的能力。
我还想补充一点,如果您选中跟随光标标记,它会在 OUTLINE 视图中突出显示该函数名称,这对于浏览和查看您所在的函数非常有帮助。
https://i.stack.imgur.com/iXDfc.png
对于资源管理器视图中的 python,单击 OUTLINE,如下所示:
https://i.stack.imgur.com/x0q7h.png
ctrl+shift+o // This should work for javascript files by default
对于 PHP,安装扩展 PHP SYMBOLS
对于 PYTHON,安装扩展 PYTHON
在重新加载时,这将正常工作
Ctrl+P
并输入 @
- 这会列出文件中的所有函数/符号。当输入 @function_name
时,会在符号上进行模糊字符串搜索。
https://i.stack.imgur.com/88tvQ.png
有一个名为 show functions 的插件,它列出了文件中的所有函数定义。它还允许您对功能进行排序,以便轻松搜索它们。
CTRL+F12(Mac 的 CMD+F12)- 为我打开 PHP 类中的所有方法和成员。
对于所有文件中的查找方法,您可以按 CTRL + P
,然后使用 #
开始搜索
示例:#signin
https://i.stack.imgur.com/r7JBX.gif
观看此链接:https://code.visualstudio.com/updates/v1_40#_type-filters-for-outline-and-breadcrumbs
Explorer -> OUTLINE,您可以选择要显示的内容(仅在您的情况下使用方法和函数),结果类似于 Netbeans:
https://i.stack.imgur.com/Oscod.png
看看 Show Functions
插件。它可以通过可配置的正则表达式列出函数、符号、书签。正则表达式是一个真正的节省者,特别是当您不使用主流语言并且 CodeOutline 无法完成工作时。看到带有这些功能的拆分窗口很难看(CodeOutline 似乎集成得更好),但至少有一些东西可以使用
不定期副业成功案例分享
Ctrl+ Shift + O
之后按:
,结果将按类型分组,这将在一个子列表中列出所有功能。Cmd + Shift + O