IntelliJはJetBrain社のIDEです。
LiveEditというプラグインを使うことで、HTMLの変更をリアルタイムでブラウザに反映することが出来ます。
ファイルを更新した後、ブラウザに切り替えてF5を押す手間が不要なため、とても便利です。

普段開発に使っているPCとは別のPCでLiveEditを使ったところ、
404という表示が出てしまい、その対策を書きました。

環境

ブラウザ拡張とプラグインの準備

次にIntelliJのPreferencesを開き、PluginsからLiveEditをインストールします。

HTMLファイルをIntelliJのエディタで開いている状態で、Ctrl+Shift+Dのショートカットで実行することが出来ます。
ショートカットキーはキーマップによって異なるので、ファイルを右クリックして表示される、**Debug 'ファイル名'**という項目を参考にしてください。

この時、以下のようなダイアログが出る場合があります。
Copy authorization URL to clipboardをクリックして進めます。

ここで自動でChromeに切り替わりますが、404が出てしまいました。

IntelliJのPreferencesを開き、Build, Execution, DeproymentのDebuggerを展開します。
その中のAllow unsigned requestsという項目にチェックが入っていなければ、チェックをします。

再度同じようにLiveEditを実行すれば、今度は404にならないと思います。
ページがブラウザで開いた状態において、IntelliJでHTMLを編集すれば、即座に変更が反映されるはずです。