折叠样式的组件在 VSCode 中存在

Question

我一直在NextJS/React中使用Styled Components，我喜欢它。 通常，我将样式分解为单独的js文件，但是由于我对React，props，hooks和上下文等相对较新，因此我经常发现需要将样式保留在组件文件中。 我的问题是如何在 VSCode 中折叠以下代码：

const SomeStyledComponent = styled.div`
height: 300px;
width: 300px;
...
`;

这将使我的编码生活更轻松大有帮助。

谢谢

Answer 1

您可以使用indentation代码折叠策略。

// settings.json
{
//  ...other settings
"editor.foldingStrategy": "indentation",
}

从设置文档：

控制用于计算折叠范围的策略。auto使用特定于语言的折叠策略(如果可用(。indentation使用基于缩进的折叠策略。