VSCODE中的自动对齐问题（更漂亮）

Question

如果将其保存在VSCODE中，它将像第一个代码一样自动排序，那么我可以像第二个代码一样自动排列吗？ （使用更漂亮的扩展名）

（图1）

{% if block_start - 1 > 0 %}
<a href="{{url_for('lists', page=block_start - 1)}}">[prev]</a>
{% endif %} {% for i in range(block_start, block_last + 1) %} {% if i == page %}
<b>{{ i }}</b>
{% else %}
<a href="{{url_for('lists', page=i)}}">{{ i }}</a>
{% endif %} {% endfor %} {% if block_last < last_page_num %}
<a href="{{url_for('lists', page=block_last + 1)}}">[next]</a>
{% endif %} {% else %}
<h3>No data</h3>
{% endif %}

（图2）

{% if block_start - 1 > 0 %}
    <a href="{{url_for('lists', page=block_start - 1)}}">[prev]</a>
{% endif %}

{% for i in range(block_start, block_last + 1) %} 
    {% if i == page %}
        <b>{{ i }}</b>
    {% else %}
        <a href="{{url_for('lists', page=i)}}">{{ i }}</a>
    {% endif %} 
{% endfor %} 

{% if block_last < last_page_num %}
    <a href="{{url_for('lists', page=block_last + 1)}}">[next]</a>
{% endif %} 

{% else %}
<h3>No data</h3>
{% endif %}