VS Code 中的 Hugo 模板格式答案

【问题标题】：Hugo template formatting in VS CodeVS Code 中的 Hugo 模板格式
【发布时间】：2020-01-18 16:44:36
【问题描述】：

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

输入：

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

输出

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

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

【问题讨论】：

【解决方案1】：

您可以通过选择语言模式设置文档类型（更改语言模式ctrl + k + m），将语言设置为HTML模板HTML Twig。

然后进行格式化，它将完美格式化。它对我有用。

【讨论】：

【解决方案2】：

我找不到一个干净的方法来做到这一点，但我发现的笨拙的工作是在我的工作区中使用 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 标记名称。如果您找到更简洁的解决方案，请告诉我，我会将您的答案标记为已接受。

【讨论】：