css - VSCode 中 CSS 的代码折叠

Question

我无法让代码折叠在 Css 的编辑器中工作。在 html 和 js 中，我都可以根据注释折叠代码，这使我能够创建整洁的组。但是在 Css 中你不能折叠评论。有谁知道启用这个或另一个在 Css 文件中创建代码组的好技巧的方法吗？这是一些图片。

在这里你可以看到自己的类评论旁边没有减号按钮:

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

Answer 1

参见 the docs了解 VS Code 中的代码折叠:

Since the 1.22 release, folding ranges can also be computed based on syntax tokens of the editor's configured language. The following languages already provide syntax aware folding:

Markdown, HTML, CSS, LESS, SCSS and JSON

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

所以你的基于语法的代码折叠应该默认为 CSS 激活。您可以通过以下设置切换回使用 CSS 缩进:

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