突出显示 Visual Studio Code 中的函数，如 NetBeans

Question

What I need to have is demonstrated in the following two screen shots, where first one from NetBeans IDE 8.2 and the second from VSCode 1.17.2.

I typically wants to have the white highlight, on the left , line appears in the NetBeans IDE to be found, or something like it, in VSCode.

I have tried the following setting:

"editor.showFoldingControls": "always",

I also tried to search for any plugins about folding and code highlight but I could not able to determine which one is suitable to perform this visual effect on code highlighting.

Answer 1

There is no visual indicator in the gutter portion of the editor in VSCode.
That was requested in Microsoft/vscode issue 25132 or issue 19690 , closed in favor of issue 60670 and PR 77363 : "Add folding from end of region", which was never merged.

For now, VSCode 1.42 (Q1 2020) proposes " Folded region highlighting "

Folded code regions are now easier to discover with the addition of a background highlight.

The feature is controlled by the setting editor.foldingHighlight and the color can be customized with the color editor.foldBackground .

"workbench.colorCustomizations": {
  "editor.foldBackground": "#355000"
}

That means those functions (which are foldable) are easier to spot.

From there:

• Shift + Click once on the folding indicator to first fold the inner ranges.
• Shift + Click again (when all inner ranges are already folded) will fold the parent.
• Shift + Click again unfolds all.

Answer 2

有用 --> Ctrl + Shift + \\ 跳转到匹配的括号