html（VScode）を入力保存後、文字列が自動的に上部で整列になる。

Question

前提・実現したいこと

VScodeにてDjangoを使用し、Webページ作成を行っております。

これまでhtml入力後、保存をしても、文字列が自動的に上部へ整列される事がなかったのですが、
新しいhtmlで入力及び保存を行うと、自動的に上部へ整列されます。

保存後に自動的に上部へ整列されない為に、どのような設定を行うべきか、
ご存知の方居られましたら、ご教示頂けると幸いです。

使用環境：macbook air m1

発生している問題・エラーメッセージ

html入力保存前

{% load static %}
{% load basetemp %}

{% block header %}
<link rel='stylesheet' type="text/css" href="{% static 'css/style.css' %}">
{% endblock header %}

{% block content %}

<h1>テスト</h1>

{% endblock content %}

html入力保存後

試したこと

「VScode　html 自動的　上に配列になる」
「VScode　html 自動的　配列」など、インターネット上にて検索してみましたが、
質問させて頂いた内容に辿り着きましせんでした。

恐らく調べ方の問題だと思うのですが、
ご教示頂けると幸いです。

Comments

[m.ts10806]

VSCodeの使い方の問題では？
Visual Studio Codeを質問タグとして追加してください。

[m.ts10806]

＞色々と検索してみましたが、
わからず何も試せておりません。

「調べた」「検索した」だけで伝わる情報量はゼロなので
キーワード、確認・参照した記事、実際に試したこと
記載してください。

[K_3578]

VScodeはよく知らないけど
自動で整形してくれるフォーマッターとか入ってるんじゃ？

[hasemma]

m.ts10806さん
ご指摘ありがとうございます。
質問タグの追加及び試したことについて訂正致しました。

恐らく、ご指摘通り使い方の問題だと思うのですが、
訂正した内容のキーワードでも記事に辿り着かなかった為、
調べ方含めて、ご教示頂けると幸いです。

[hasemma]

K_3578さん
ご回答ありがとうございます。

ご指摘頂いた通りでした、、、

「settings.json」
"editor.formatOnSave": true, // ファイル保存時に自動でフォーマット

VScode自体を設定する際に、おすすめの初期設定という記事、
https://qiita.com/hi85/items/eaede5ebb509f21f27f5
こちらの読み、そのままコピペをして、settings.jsonに保存していた事が原因でした。

こちらの設定を削除しましたら、解消致しました。
次回からセッティング内容変える際は、よく読んでから設定を変えるように致します。
ありがとうございます。

[K_3578]

解消したなら良かったです。お手数ですが、その解消した方法を回答欄に書き、
自己解決としてクローズしておいてください。

[hasemma]

K_3578さん
クローズ致しました。
ご指摘頂きありがとうございました。

Answer 1

自己解決ではございませんが、
質問にてご指摘頂いた内容で解決致しました。

「settings.json」
"editor.formatOnSave": true, // ファイル保存時に自動でフォーマット

VScode自体を設定する際に、おすすめの初期設定という記事、
https://qiita.com/hi85/items/eaede5ebb509f21f27f5
こちらの読み、そのままコピペをして、settings.jsonに保存していた事が原因でした。

こちらの設定を削除しましたら、解消致しました。