我无法在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: