[VSCode]PHPファイルでHTMLを書くとインデントがずれてしまう

Question

前提・実現したいこと

以下GIF動画のようにタグ終わり（動画では</ul>）を入れるとインデントがずれて（インデントが消えて）しまいます。

<ul>と同じ位置に</ul>がくるようにしたいです。

試したこと

• 全ての拡張機能を消した

効果なし

• .blade.phpでは無く.phpで同様の事を試した

効果なし

• .phpでは無く.htmlで同様の事を試した

問題なく、期待する形でインデントされた

補足情報

• Laravelをベースにして開発しているのでファイルが.blade.phpになっています

Comments

[Daregada]

> .phpでは無く.htmlで同様の事を試した
> 問題なく、期待する形でインデントされた
のであれば、それがわかるようなタイトルに修正してください。「VSCodeの.phpファイルでHTMLを～」みたいに。

[hupyaginu]

コメントありがとうございます。修正しました。

Answer 1

以下手順で解決しました

1. Laravel Blade Snippetsをインストールする

https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade

1. VSCodeのsettings.jsonに以下を追記する

"emmet.triggerExpansionOnTab": true,
"blade.format.enable": true,
"[blade]": {
    "editor.autoClosingBrackets": "always"
}

結果

Answer 2

phpのファイルはphpとしてしかフォーマットしないので、「Format HTML in PHP」などのようなプラグイン/拡張機能を入れましょう。

Comments

[hupyaginu]

回答ありがとうございます。
Format HTML in PHPをインストールしてVSCodeを再起動してみましたがGIF動画の現象から変化がありませんでした。

[TakaiY]

そもそも違う言語で構造も違うので、いれただけでPHPファイルの中のHTMLが自動で整形できるようにはならないはずです。使いかたを確認してみてください。
大量のHTMLを入れるのであれば、htmlファイルでやったほうが結果として楽かもしれませんね。