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


当前回答

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

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

其他回答

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

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

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

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

这是它的样子:

如果代码大纲不可见,您可以通过以下方式显示它:

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

按Ctrl+Shift+P,输入安装扩展,并按enter

现在在扩展市场搜索框中输入“添加到方法”并按回车。

单击install安装扩展。

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

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

对于PHP,安装扩展PHP SYMBOLS

对于PYTHON,安装扩展名PYTHON

在重载,这将工作良好

如果你正在使用typescript,你可以使用这个扩展“代码导航typescript”。

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