Edit Prettier（VS-Code）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