VSCode 在样式之间放置空行？

Question

我可以通过以下方式防止文件的 HTML 部分出现多余的空行：

"html.format.extraLiners": " "

但是如何防止文件顶部样式部分的样式之间出现额外的空行？

<html>
<head>
    <style>
        #c {
            background-color: red;
        }

        #b {
            background-color: green;
        }

        #c {
            background-color: blue;
        }

    </style>
</head>
<body>
    <div id="a">A</div>
    <div id="b">B</div>
    <div id="c">C</div>
</body>
</html>

谢谢。

Answer 1

我已经寻找了很长时间的简单解决方案。不想安装扩展来处理如此简单的事情，但这是我找到的唯一修复方法...

安装美化。
在您希望它工作的上方目录结构中创建文件 .jsbeautifyrc。我把它放在我的主要 projects 文件夹，因此它适用于所有内容。
将下面的规则添加到文件.

{ "newline_between_rules": 错误 }

VSCode 在样式之间放置空行？

VSCode puts empty lines between styles?

css

visual-studio-code

vscode-settings