如何禁用 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
• 保存您的文件。