IntelliJ IDEA（WebStorm）でライブプレビュー！

今回はこのような質問をいただきました。

IntelliJでライブプレビューってできないのかな？

フロントエンド開発で欠かせないのがライブプレビューですよね。

そこで今回はこちらの質問について解説していきます！

ライブプレビューとは？

HTMLやCSSのコーディングしているとライブプレビュー機能がほしくなりますね！

ライブプレビューの使い方！

プラグイン：Live Editをインストール

まずはLive Editというプラグインをインストールしてください。

私はすでにインストール済みでした。

インストールするだけで設定は特に不要だと思います。

気になるのであれば設定を確認してみてください。

画像左中央の「Live Edit」から設定できます。

HTMLをデバッグモードで起動！

あとはデバッグモードで起動するだけです。

HTMLファイルやHTMLが開かれているタブを右クリックして「Debug ‘ファイル名’」を選択してください。

あとがき

ライブプレビューも使えるなんてさすがIntelliJですね。

おそらくWebStormでも同じように使えると思います。

こちらはデフォルトで導入されているプラグインなんですかね？

導入されていれば特に準備も設定も不要でした。

簡単に使えるので使ってみてください！