如何禁用 Visual Studio Code 自動修剪 HTML 類的空白？

Question

<ul{{attributes.addClass('container container-desktop')}}>

當我按Command + / （自動格式化）時，我所有的類都沒有空格：

<ul{{attributes.addClass('containercontainer-desktop')}}>

我在 Visual Studio Code 的設置中搜索了一個設置。 但是沒有找到禁用它的解決方案。

Answer 1

這是 IDE 的正確行為，因為帶有字符串參數的addClass意味着添加一個 class 。

對於多個類，請參閱此文檔：

 {% set classes = [ 'red', 'green', ] %} <div{{ attributes.addClass(classes) }}></div>

Answer 2

試試這個，看看它是否能解決你的問題。

打開 Visual Studio Code 並：

• 單擊菜單文件→首選項→ *設置。
• 點擊頂部的 {}
• 它會引導您到settings.json文件，您將添加： "files.trimTrailingWhitespace": true
• 保存您的文件。