VSCode中CSS的代码折叠

时间:2018-06-11 06:21:49

标签: css visual-studio-code editor indentation folding

我不能让代码折叠在Css的编辑器中工作。在html和js中,我可以根据注释折叠代码,这使我能够创建整齐的组。但是在Css中你无法弃用评论。有没有人知道如何在Css文件中创建这个或另一个很好的提示来创建代码组?这是一些照片。

在这里,您可以看到自己的课程评论旁边没有减号按钮:

enter image description here

但是在这里你可以看到这些评论在js中很好地折叠,这使我能够创建好的代码组:

enter image description here enter image description here

1 个答案:

答案 0 :(得分:3)

请参阅the docs,了解VS代码中的代码折叠

  

自1.22发布以来,折叠范围也可以基于计算   编辑器配置语言的语法标记。下列   语言已经提供了语法识别折叠:

     

Markdown,HTML,CSS,LESS,SCSS和JSON

     

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

enter image description here

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

"[css]": {
  "editor.foldingStrategy": "indentation"
},