visual-studio-code - 如何在 vscode 中实现自己的代码大纲布局？

Question

我正在寻找 Visual Studio Code (vscode) 中的扩展，我可以在其中定义我的自定义代码大纲。本质上，以树状方式列出我所有的函数/定义。

假设我正在使用一种简单的语言，如下所示:

begin foo1 arriving procedure
  move into queue1
  print queue1
  send to foo2 
end

begin foo2 arriving procedure
  move into queue2
  print queue2
  send to foo3
end

我想知道是否有 vscode 的扩展让我实现这样的东西:



如果可以点击就好了。导航/转到定义，并且可以在更复杂的代码的情况下进行扩展。

到目前为止我发现了什么。

vscode 代码大纲
https://github.com/patrys/vscode-code-outline
，我喜欢这个扩展，但它不适用于我的语言。
Example image for a .js file

显示功能
https://marketplace.visualstudio.com/items?itemName=qrti.funclist

Sourcecookifier 对于 Notepad++ (可以做我想做的事，但显然对于 Notepad++ )

我喜欢第二个扩展(显示函数)，因为它可以在 vscode/settings 文件中轻松定制。您可以从设置中定义自己的正则表达式。但是，它不在编辑器中固定的大纲 View 中。也不是令人耳目一新的现场。

我也喜欢第一个扩展，因为它在 TreeView 中，但我似乎不知道如何以及在哪里修改设置以实现我描述的布局。

如果有人能指出我正确的方向，将不胜感激。我已经对代码大纲扩展的文档进行了一些尝试，但我认为这对我没有任何意义。

PS:关于 StackOverflow 的第一篇文章，如果有什么我应该添加/更改的，请告诉我。

提前致谢。

Answer 1

好的，我的请求现在解决了。

The CodeMap extension , 基本上是我正在寻找的扩展。

我在 https://github.com/oleg-shilo/codemap.vscode/wiki/Adding-custom-mappers 上按照他们的指南进行操作

我创建了一个自定义的专用映射器“mapper_X.js”，将其保存到任意位置，并在我的 vscode 用户设置中粘贴了 "codemap.X": "mylocation\\mapper_X.js", (如 github 指南中所述)。然后我打开一个新文件，将其保存为 untitled.X 并输入一些语法(我的问题中的示例代码)，现在我可以看到我的自定义大纲。

从下面的结果链接中可以看出，我(故意)没有定义我的映射器来考虑任何其他情况。我的映射器仍处于起步阶段。只是想在我忘记发布这个问题之前分享我的发现......