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


当前回答

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

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

其他回答

按名称打开符号: CTRL + T 也许就是你要找的。完美地与我的TypeScript项目。

现在已经没有这样的功能了, CTRL+SHIFT+O == CTRL+P @并不适用于所有语言。

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

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

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

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

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

这是它的样子:

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

调用Code的Go to symbol命令:

macOS: cmd+shift+o(字母o,不是零) Windows / Linux:按ctrl + shift + o

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

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

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



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