Now my editor show is this:

Hope I can achieve this: has the function of the code folding)

In addition, I also hope to have the following attachment, let me clearly know the hierarchical relationships of the code, how do you call these attachment please?

Just began to learn the front-end development, wish you a great god help,
CodePudding user response:
An amazing thing, I deleted the "C: \ Users \ USER \ AppData \ Roaming \ Code" after this directory, reinstall vscode problem solved,CodePudding user response:
Get set into that with respect to OK

CodePudding user response:
https://blog.csdn.net/shihaiv/article/details/90258892.Put the org.eclipse.swt.accessibility Support is set to off
CodePudding user response:
There are several reasons, the org.eclipse.swt.accessibility Support optimization Settings screen device open closed code folding, back when can be modified according to the following post,https://blog.csdn.net/shihaiV/article/details/90258892
Other plug-ins may also be added to this function to cause conflict, for example I used the Comment before the Anchor plug-ins have a set and code folding function conflict,
CodePudding user response:
Folding the Strategy set to indentationCodePudding user response:
Thank you for the great god, finally done