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

我有一个内嵌CSS行，其中有一个变量，如下所示：

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

我正在用Prettier格式化它，但是结果被破坏了

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

}

---

如何编辑格式化程序设置以修复此问题

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

此行为由设置

“prettier.printWidth:80”

设置，默认值为80，您可以根据需要增加它，这样它就不会打断行

您可以通过添加

“prettier.printWidth”：120、

或在UI（prettier扩展设置）中设置

设置.json中的值


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

要禁用css的prettier，您可以将其添加到以下设置中：


或者在
settings.json中执行此操作

"prettier.disableLanguages": [
    "css"
]

正如在评论中提到的，OP不希望验证他的CSS

为此，请在
settings.json中设置
“css.validate”：false

"prettier.disableLanguages": [
    "css"
]

你说破碎是什么意思？格式化后它不工作吗？或者你的意思是它像这样坏了吗？不，它只是看起来很“难看”，而且在正确的位置坏了线。谢谢。但现在它不会格式化，并给我一个语法错误。[“ERROR”-12:54:05 PM]（postscs）CssSyntaxError Unexpected}（2:41）1 |/**global.css**/>2 | body{background:{{generic_color_1}}}我可以禁用它吗？这将禁用css格式设置，我正在尝试的是禁用css语法检查。可能吗？更漂亮的只是一个格式化程序和linting，即问题/错误检查是由VSCode本身为CSS完成的。要使vscode停止显示错误，您需要告诉vscode和not PRETTER不要显示错误。我会将设置添加到答案中。感谢您的努力，但它不起作用。我不明白为什么