皆さま、
こんにちは

VSCodeでDjangoのTemplateのHTMLを作成しております。

例えば、このようなフォーム画面のコードを記載して保存します。

<form method="post">
  {% csrf_token %}
  <div class="formpost">
    {% render_field form.title class="form-control" placeholder="タイトルを入力" %}
  </div>
</form>

すると
VSCodeのプラグイン「Prettier」を有効していると保存の際に
以下ような改行が勝手に入ります。

<form method="post">
  {% csrf_token %}
  <div class="formpost">
    {% render_field form.title class="form-control" placeholder="タイトルを入力"
    %}
  </div>
</form>

この改行がはいると
本来タイトル入力フィールドが表示されるところ

と画面に表示されていまいます。
いろいろ方々が、四苦八苦されておりましたので
「Prettier」は、VSCodeよりアンインストールして
他のプラグインを試してします。

「Unibeautify for VSCode」を導入します。

プロジェクトフォルダー直下に設定ファイルを作成して
サンプル文を記述します。

---
JavaScript: # Enable language
  beautifiers: ["Prettier"] # Enable beautifiers
  indent_style: "space"
  indent_size: 2

詳細は、以下のサポートサイトをご確認ください。

試しに
保存しても意図しないところで改行されません。

  <form method="post">
    {% csrf_token %}
    <div class="formpost">
      {% render_field form.title class="form-control" placeholder="タイトルを入力" %}
    </div>
  </form>

暫くは、こちらを使ってみたいと思います。

では