あるSEのつぶやき・改

ITやシステム開発などの技術に関する話題を、SEとしての経験から取り上げたり解説したりしています。

LaravelとVS CodeでBladeのHTMLソースをファイル保存時に自動整形する方法

Laravel + VS Code のプロジェクトで、Blade の HTML ソースをファイル保存時に自動整形する方法が分かったので、残しておきます。

環境は、Mac になります。

まず、VS Code に「Laravel Blade Snippets」という拡張機能をインストールします。

次に、VS Code のコマンドパレットを F1キーを押して開き、「Open Workspace Settings(JSON)」を開きます。Windows では、Ctrl+Shift+P のようです。

そして開いた settings.json に以下の設定を行います。

{
    "[blade]": {
        "editor.defaultFormatter": "onecentlin.laravel-blade",
        "editor.formatOnSave": true,
    }
}

たったこれだけで、ファイル保存時に Blade の HTML ソースが自動整形されるようになります。

なお、下記を参考にしました。

stackoverflow.com