如何禁用我的 HTML 类的 Visual Studio Code 自动修剪空白？

Question

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

当我按 Command + /（自动格式化）时，我所有的类都没有空格：

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

我在 Visual Studio Code 的设置中搜索了一个设置。但没有找到禁用它的解决方案。

Answer 1

这是您的 IDE 的正确行为，因为带有字符串参数的 addClass 旨在添加一个类。

多个类请参考this documentation:

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

Answer 2

试试这个，看看它是否能解决你的问题。

打开 Visual Studio Code 并：

• 点击菜单文件 → 首选项 → *设置。
• 点击顶部的 {}
• 它会引导你到一个 settings.json 文件，如果你会 添加：“files.trimTrailingWhitespace”：true
• 保存您的文件。