如何在 Visual Studio Code 中设置正确的 html jinja 块缩进？

Question

这是代码目前的样子：

{% extends "base.html" %}

{% block content %}
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for msg in messages %}
<p>{{ msg }}</p>
{% endfor %}
{% endif %}
{% endwith %}

<h1>{{ title }}</h1>
{% endblock content %}

这就是我想要的样子：

{% extends "base.html" %}

{% block content %}
{% with messages = get_flashed_messages() %}
    {% if messages %}
        {% for msg in messages %}
            <p>{{ msg }}</p>
        {% endfor %}
    {% endif %}
{% endwith %}

<h1>{{ title }}</h1>
{% endblock content %}

我尝试更改 VSC 设置并安装各种扩展，但在 python 代码中完美运行的自动格式化代码删除了 jinja 块中的缩进。

Answer 1

djlint-vscode

扩展为我解决了这个问题。您可能需要明确地将语法模式切换为“Jinja2”而不是“Jinja2 HTML”。应该这样做。您可以使用（默认）键盘快捷键

CTRL+SHIFT+I

手动调用缩进命令。您还需要为您使用的任何 Python 解释器安装

djlint

。