visual-studio-code - VS Code 中的 Hugo 模板格式

Question

VS Code 中的自动格式通过删除缩进使我的代码不可读。我不知道如何仅对 Handlebars 关闭此功能。

输入:

{{ range ... }}
   {{ if .... }}
      {{if ... }}
          <tag></tag>
      {{end}}
   {{end}}
{{end}}

输出

{{ range ... }}
{{ if .... }}
{{if ... }}
<tag></tag>
{{end}}
{{end}}
{{end}}

有什么办法可以防止这种情况吗？

Answer 1

我找不到一种干净的方法来做到这一点，但我发现的笨拙的工作是使用 html.format.contentUnformatted使用自定义 html 标记在我的工作区中进行设置。

"settings": {
        "html.format.contentUnformatted": "ignore-format"
}

然后将需要格式化的模板代码部分包装在此标签中。

<ignore-format>
{{ range ... }}
   {{ if .... }}
      {{if ... }}
          <tag></tag>
      {{end}}
   {{end}}
{{end}}
</ignore-format>

请注意，我选择了 ignore-format ，这可以是任何有效的自定义 html 标记名称。如果您找到更简洁的解决方案，请告诉我，我会将您的答案标记为已接受。