编辑 Prettier (VS-Code) CSS 格式设置答案

【问题标题】：Edit Prettier (VS-Code) CSS formatting settings编辑 Prettier (VS-Code) CSS 格式设置
【发布时间】：2020-10-03 18:59:26
【问题描述】：

我有一个内联 CSS 行，其中包含一个看起来像这样的变量：

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

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

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

}

如何编辑格式化程序设置来解决此问题？

【问题讨论】：

【解决方案1】：

由于您使用 prettier 来格式化文档，因此更容易根据您的需要进行配置。

此行为由设置 "prettier.printWidth: 80" 设置，默认为 80，您可以随意增加它，这样它就不会中断线路。

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

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

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

或者这个settings.json

"prettier.disableLanguages": [
    "css"
]

如 cmets 中所述，OP 不希望对其 CSS 进行验证

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

【讨论】：

谢谢。但现在它不会格式化并给我一个语法错误。 [“错误”- 12:54:05 PM] (postcss) CssSyntaxError Unexpected } (2:41) 1 | /** global.css **/ > 2 | body {background:#{{ generic_color_1 }};} 我可以禁用它吗？
这将完全禁用 CSS 格式，我想要做的是禁用 CSS 语法检查。可能吗？
问题是 Prettier 只是一个格式化程序和 linting，即问题/错误检查由 VSCode 本身为 CSS 完成。要让 vscode 停止显示错误，您需要告诉 VSCode 而不是 Prettier 不显示错误。我会将设置添加到答案中。
感谢您的努力，但它不起作用。我不明白为什么