具有beautify的VSCODE不会缩进Django HTML模板

问题描述

我希望以与HTML相同的方式来格式化django模板。

Beautify最终将我的模板视为文本,而不缩进其内容

例如,格式化我的代码后,如下所示:

<head>
  {% if title %}
  <title>Django Blog - {{ title }}</title>
  {% else %}
  <title>Django Blog</title>
  {% endif %}
</head>

代替

<head>

  {% if title %}
    <title>Django Blog - {{ title }}</title>
  {% else %}
    <title>Django Blog</title>
  {% endif %}
</head>

我目前已安装可以在VSCode和WSL上运行的Beautify和Django扩展。

settings.json VSCode:

    "files.associations": {
        "**/*.html": "html","**/templates/*/*.html": "django-html","**/templates/*": "django-txt","**/requirements{/**,*}.{txt,in}": "pip-requirements"
    },"emmet.includeLanguages": {
        "django-html": "html"
    },"beautify.language": {
        "html": [
            "htm","html","django-html"
        ]
    },"[django-html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    }

为什么没有正确美化我的模板的格式/缩进?我该如何解决此问题?

解决方法

您只需右键单击 HTML 文件,然后单击格式,它就会自动识别您的文件。实际上,这些扩展使 vscode 自动识别功能处于活动状态,但您仍然必须手动进行。