折叠/展开当前块使用(ctrl+k)+(ctrl+l)

这里没有技术技巧，只是简单地调整了VsCode的首选项。

我设法显示代码折叠控件总是在VsCode通过选择和搜索“折叠”。现在只需选择始终显示这些控件。这适用于我测试的Angular 8解决方案中的Typescript代码和模板的HTML。

这是用VsCode Insiders 1.37.0在Windows 10操作系统上测试的。

这个特性现在可以在标准版本中使用。为了使折叠/展开控件出现，你需要将鼠标移到行号右侧的区域，如下面的截图所示:

V1.42对折叠的外观和功能进行了一些很好的改进。见https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_42.md # folded-range-highlighting:

折叠范围高亮显示 由于背景色，折叠范围现在更容易发现 对于所有折叠范围。

主题:深色+ 该功能由设置编辑器控制。foldingHighlight和 颜色可以用color editor.foldBackground定制。 “工作台。colorCustomizations ": { “编辑器。foldBackground": "#355000"} 折叠细化 Shift +点击折叠指示器，首先只折叠内层 范围。Shift +再次点击(当所有内层范围都已经折叠时) 也会折叠父元素。Shift +点击再次展开全部。

当对已经折叠的文件使用折叠命令(kb(editor.fold))]时 范围，下一个展开的父范围将被折叠。

默认的折叠/扩展快捷方式是:

Ctrl + Shift +[: "折叠"

按下Ctrl + Shift + Alt +[:“全部折叠”

Ctrl + Shift +]:“展开”

按下Ctrl + Shift + Alt +]：“全部展开”

或者去键绑定。Json和更改，如你所愿。

例如:

{
    "key": "cmd+k cmd+m",
    "command": "editor.foldAll",
    "when": "editorFocus"
},
{
    "key": "cmd+m cmd+k",
    "command": "editor.unfoldAll",
    "when": "editorFocus"
},

你应该添加用户设置:

{
    "editor.showFoldingControls": "always",
    "editor.folding": true,
    "editor.foldingStrategy": "indentation", 
}