VS代碼 - 防止格式化文檔將CSS放在一行上

我在VSCode中使用格式化文檔一噸，並想知道是否有辦法阻止VSCode將我的CSS類連接成一行並保持原樣？VS代碼 - 防止格式化文檔將CSS放在一行上

例如，我有一些CSS像下面

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

然後格式化文檔完成時，它會是這樣的：

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

這是東西，可以是阻止與VSCode或有一個插件，我可以安裝做同樣的事情？

來源

2017-10-19 ChronixPsyc

下vscode設置來實現。如果你看一下內置vscode的css linting選項（https://code.visualstudio.com/Docs/languages/CSS#_customizing-css-sass-and-less-settings）我不認爲他們中的任何人會這樣重新格式化。你確定你還沒有擴展名，比如漂亮的或者是stylelint，它正在進行重新格式化嗎？ – Mark

對不起，延遲迴復。我瀏覽了我的插件，發現我有一個名爲CSS Formatter的插件，它導致了這個問題。卸載它已解決問題，但現在我無法美化我的內容。將研究它。感謝您的建議！ – ChronixPsyc

您有幾個選項。

1）您可以使用js-beautify插件（或類似的） - https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify。一旦安裝，你可以使用「preserve_newlines」設置在.jsbeautifyrc配置文件

2）這可以在選項「html.format.preserveNewLines」

來源

2017-10-19 14:11:45 Zinc

不是html格式問題。 – Mark

VS代碼 - 防止格式化文檔將CSS放在一行上

回答

相關問題