我无法在Css的编辑器中使用代码折叠。在html和js中，我可以根据注解折叠代码，这使我能够创建整洁的组。但在Css中，你不能折叠注解。有没有人知道一种方法来启用此功能或在Css文件中创建代码组的另一个不错的技巧？这里有一些图片。在这里，你可以看到Own Classes注解旁边没有减号按钮：
但是在这里你可以看到注解在js中很好地折叠，这使我能够创建很好的代码组：第一节第一节第一节第二节第一节
fnx2tebb1#
关于VS Code中代码折叠的内容，请参考文档：从1.22版本开始，折叠范围也可以基于编辑器配置语言的语法标记来计算。以下语言已经提供了语法感知折叠：Markdown、HTML、CSS、LESS、SCSS和JSONCSS/Less/SCSS：/*#region*/和/*#endregion*/
/*#region*/
/*#endregion*/
所以你的代码基于语法的折叠应该在默认情况下为CSS激活。你可以通过以下设置切换回使用CSS的缩进：
"[css]": { "editor.foldingStrategy": "indentation" },
efzxgjgh2#
在最新版本的VS代码中，您不必在设置JSON中打开特定的规则。只需使用#region定义一个开始注解，当您想要关闭组时，使用#endregion创建另一个注解。示例：
#region
#endregion
/* #region */ .class { color: red } /* #endregion */
如果您想命名您的区域（通常是这样），您可以在第一个区域注解旁边定义标签，如
/* #region This is the group label */ .class { color: red } /* #endregion */
测试版本：1.67.2
js81xvg63#
以下代码适用于vs code和webstorm：
//#region This is the group label //#endregion
3条答案
按热度按时间fnx2tebb1#
关于VS Code中代码折叠的内容，请参考文档：
从1.22版本开始，折叠范围也可以基于编辑器配置语言的语法标记来计算。以下语言已经提供了语法感知折叠：
Markdown、HTML、CSS、LESS、SCSS和JSON
CSS/Less/SCSS：
/*#region*/和/*#endregion*/所以你的代码基于语法的折叠应该在默认情况下为CSS激活。你可以通过以下设置切换回使用CSS的缩进：
efzxgjgh2#
在最新版本的VS代码中，您不必在设置JSON中打开特定的规则。只需使用
#region定义一个开始注解，当您想要关闭组时，使用#endregion创建另一个注解。示例：如果您想命名您的区域（通常是这样），您可以在第一个区域注解旁边定义标签，如
测试版本：1.67.2
js81xvg63#
以下代码适用于vs code和webstorm：