VSCode中CSS的代码折叠

Fra*_*ank 3 css editor indentation folding visual-studio-code

我无法折叠代码以在Css的编辑器中工作。在html和js中,我都可以根据注释折叠代码,这使我可以创建整洁的组。但是在CSS中,您无法折叠注释。有谁知道一种方法来启用此功能或另一个在Css文件中创建代码组的不错的技巧?这是一些图片。

在这里,您可以看到“自己的课程”注释旁边没有减号按钮:

在此处输入图片说明

但是在这里您可以看到注释在js中很好地折叠,这使我可以创建漂亮的代码组:

在此处输入图片说明 在此处输入图片说明

and*_*eas 5

请参阅文档以了解有关VS Code中的代码折叠的信息

从1.22版本开始,还可以基于编辑器配置语言的语法标记来计算折叠范围。下列语言已提供语法识别折叠:

Markdown,HTML,CSS,LESS,SCSS和JSON

CSS / Less / SCSS:/*#region*//*#endregion*/

在此处输入图片说明

因此,默认情况下,应针对CSS激活基于语法的代码折叠。您可以通过以下设置切换回使用缩进CSS:

"[css]": {
  "editor.foldingStrategy": "indentation"
},
Run Code Online (Sandbox Code Playgroud)