如何在VS Code中折叠SCSS map字面量及map结构？

当然可以，以下两种方法能帮你搞定SCSS嵌套map的折叠：

• 用VS Code内置的语法折叠
  VS Code默认的SCSS语言服务已经支持map结构的折叠，只要你的代码缩进规范（就像你贴的示例那样），每个嵌套map的左括号左边会显示折叠箭头，点一下就能收起对应层级的内容。要是没看到箭头，去设置里确认下：按Ctrl+,打开设置面板，搜editor.folding，确保「Editor: Folding Enable」是勾上的，同时「SCSS > Folding: Enable」也开着。

• 自定义折叠区域（按需使用）
  如果内置折叠不够灵活，还能手动加注释标记来定义折叠块：

// #region foreground-map
foreground: (
    onPrimary: map-get(blui.$blui-white, 50),
    onAccent: map-get(blui.$blui-white, 50),
    // ... 其他内容
),
// #endregion foreground-map

添加后，这段代码左侧会出现折叠箭头，方便你精准折叠指定的map区块。

内容的提问来源于stack exchange，提问作者Matthieu Riegler