编辑更漂亮（VS代码）的CSS格式设置

Question

我有一个内联CSS行，其中包含一个如下所示的变量：

.popupSubmit {background: #{{ generic_color_10 }};color: #fff; border-color: #fff;}

我正在使用Prettier对其进行格式化，但是结果坏了

.popupSubmit {
    background: #{{ generic_color_10 }
}
;
color: #fff;
border-color: #fff;

}

如何编辑格式设置以解决此问题？

Answer 1

由于您使用的是漂亮的格式来格式化文档，因此可以根据需要更轻松地对其进行配置。

此行为是通过设置"prettier.printWidth: 80"设置的，默认情况下为80，您可以随意增加它，以免打断行。

您可以通过添加settings.json或在UI（更漂亮的扩展名设置）中在"prettier.printWidth": 120,中设置值

您可以将其增加到任意值，但是请注意，这将适用于所有使用更漂亮格式的语言。

要禁用更漂亮的CSS，可以在此处的设置中添加它：

或settings.json中的

"prettier.disableLanguages": [
    "css"
]

如评论中所述，OP不想进行CSS验证

要在"css.validate": false中设置settings.json