こんばんは!ヒカリです。
Webエンジニアを目指してプログラミングを勉強している初心者の方向けに情報を発信しています。
今流行の仮想通貨を自動売買してみました!
リモートワークでおすすめのグッズ紹介してみました!
今回はこのような質問をいただきました。
IntelliJでライブプレビューってできないのかな?
フロントエンド開発で欠かせないのがライブプレビューですよね。
そこで今回はこちらの質問について解説していきます!
環境
- IntelliJ IDEA ULTIMATE 2019.2
ライブプレビューとは?
ライブプレビューとは?
HTMLやCSSを修正したときに自動で画面が更新される機能のこと。
画面の自動更新。
HTMLやCSSのコーディングしているとライブプレビュー機能がほしくなりますね!
ライブプレビューの使い方!
プラグイン:Live Editをインストール
まずはLive Editというプラグインをインストールしてください。
私はすでにインストール済みでした。

インストールするだけで設定は特に不要だと思います。
気になるのであれば設定を確認してみてください。
画像左中央の「Live Edit」から設定できます。
HTMLをデバッグモードで起動!
あとはデバッグモードで起動するだけです。
HTMLファイルやHTMLが開かれているタブを右クリックして「Debug ‘ファイル名’」を選択してください。

あとがき
ライブプレビューも使えるなんてさすがIntelliJですね。
おそらくWebStormでも同じように使えると思います。
こちらはデフォルトで導入されているプラグインなんですかね?
導入されていれば特に準備も設定も不要でした。
簡単に使えるので使ってみてください!