如何禁用 Visual Studio 代码自动修剪 HTML 类 的空格？

Question

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

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

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

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

Answer 1

这是您 IDE 的正确行为，因为带有字符串参数的 addClass 意味着添加 一个 class.

多个class请参考this documentation:

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

Answer 2

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

打开Visual Studio代码并：

• 单击菜单 文件 → 首选项 → *设置。
• 点击顶部的 {}
• 它将带您进入 settings.json 文件 添加："files.trimTrailingWhitespace"：真
• 保存文件。