VSCode在样式之间是否有空行?

时间:2019-01-04 23:19:04

标签: css visual-studio-code vscode-settings

我可以通过以下方法防止文件的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>

谢谢。

1 个答案:

答案 0 :(得分:1)

长期以来,我一直在寻找一种简单的解决方案。不想安装扩展程序只是为了处理如此简单的事情,但这是我找到的唯一解决方法...

  • 安装Beautify。
  • 在您希望其工作的任何位置的上方目录结构中创建文件.jsbeautifyrc。我把它放在我的主 项目文件夹,因此可以在所有内容上使用。
  • 将以下规则添加到 文件。

    {     “ newline_between_rules”:否 }