VScodeの拡張機能について(Mac)

Question

現在ProgateでHTML&CSSの学習をしています。

初級編のお問い合せフォームを自分で真似して作っているのですが27行目(写真)のコードを忘れていたので途中で追加しました。
追加した後は、自分で_<div class="contents">_の終了タグ(45行目)を手入力し、その中身を1つずつ字下げをしました。
ただ、これは数が少ないからできることで数が多くなれば時間もかかり間違える可能性もあると思いました。
それで最後の終了タグの補完(?)や字下げのような整形を自動で行う拡張機能があれば教えて欲しいです。
自分でも調べてみたのですが見つける事ができませんでした。

<div class="contents">〜</div>

Comments

[m.ts10806]

プログラミング言語そのものではなくツールの使い方の相談のようなので、
質問タグを追加してください。
https://teratail.com/tags/Visual%20Studio%20Code

[kana]

了解しました

Answer 1

ビルトインであると思いますが……　win版ならalt+shift+fではないかと。

Formatting | HTML Programming with Visual Studio Code

Comments

[kana]

教えていただいlきありがとうございます。あと、すみません。追記はしましたがパソコンはMacです。

[Lhankor_Mhy]

ご解決でしたら、質問を閉じていただけるとありがたいです。

[kana]

教えていただきありがとうございます。
実は、他の方が教えて下さったものがwin版(その時に自分がMacと入力忘れをしていたの)でMacの方がわからずまだ未解決なので閉じてない感じです🙇‍♀️
教えていただいたサイトを見つつやってるもののまだできずという感じで、、

[Lhankor_Mhy]

そうですか。
それでは、その他の方に再度お尋ねになるのがいいかと思います。
ご解決されたら質問をクローズしてください。

[kana]

はい。解決次第すぐにクローズします。

[hoshi-takanori]

この解答のリンク先に Format Document command ⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I) とある通り、Mac なら ⇧⌥F (shift+option+F) では。

[Lhankor_Mhy]

まあ、そうでしょうね

Answer 2

解決法が見つかりました