如何在vscode中格式化django html代码

所以，最近我一直在Django及其templates文件夹中编写代码，正如我们所知，我们将HTML文件放入其中。因此，在前面我只使用HTML（而不是Django HTML）编写代码时，vscode用于自动格式化代码并将标记与选项卡空间正确对齐。但在Django html中，代码没有自动格式化，我也启用了“prettier extension”，但仍然存在以下问题：

{% extends 'base.html' %} {% block title %}Contact Us {% endblock title %} {%
block contactactive %} active{% endblock contactactive %} {% block body %}
  <div class="container my-4">
  <h2>Contact our developers!</h2>
  <form action="/contact/" method="post">
  {% csrf_token %}
  <div class="form-group">
  <label for="name">Name</label>
  <input
   type="text"
   class="form-control"
   id="name"
   name="name"
   placeholder="enter your full name"
   />
   </div>
   </div>

{% block body %}

{%extends'base.html%}{%block title%}请与我们联系{%endblock title%}{%
block contactactive%}active{%endblock contactactive%}{%block body%}
联系我们的开发者！
{%csrf_令牌%}
名称
{%block body%}

但我希望我的代码的格式如下：

{% extends 'base.html' %} 
{% block title %}Contact Us {% endblock title %} 
{%block contactactive %} active{% endblock contactactive %} 

{% block body %}
<div class="container my-4">
  <h2>Contact our developers!</h2>
  <form action="/contact/" method="post">
    {% csrf_token %}
    <div class="form-group">
      <label for="name">Name</label>
      <input
        type="text"
        class="form-control"
        id="name"
        name="name"
        placeholder="enter your full name"
      />
    </div>
</div>
{% block body %}

{%extends'base.html%}
{%block title%}请与我们联系{%endblock title%}
{%block contactactive%}活动{%endblock contactactive%}
{%block body%}
联系我们的开发者！
{%csrf_令牌%}
名称
{%block body%}

---

我是否应该启用任何设置或工具来解决此问题？

我也遇到过同样的问题。你可以试试这个，我也遇到过同样的问题。你可以试试这个