VS代码 - 防止格式文档将CSS放在一行上

Question

我在VSCode中使用格式文件，并想知道是否有办法阻止VSCode将我的CSS类连接成一行并保留原样？

例如，我有一些像下面的CSS

.a,
.b {
  font-size: 10px;
}

然后，当格式化文档完成后，它将如下所示：

.a, .b {
  font-size: 10px;
}

这可以通过VSCode阻止，还是有一个我可以安装的插件来做同样的事情？

Answer 1

您有几个选择。

1）您可以使用js-beautify插件（或类似） - https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify。安装完成后，您可以使用＆＃39; preserve_newlines＆＃39;在.jsbeautifyrc配置文件中设置

2）这可以在选项＆＃39; html.format.preserveNewLines＆＃39;

下的vscode设置中完成