ファイルを保存するときにブラウザウィンドウをリロードする方法

迅速でシンプルなアプローチ

私はバニラHTML + JSのWebサイトで作業していましたが、create-react-appやVueCLIなどのクイックスタートパッケージが提供する最高の機能の1つであるコードエディターでファイルを保存したときにページを再読み込みできませんでした。

私が見つけた最も簡単な方法は、インストールすることですbrowser-sync

npm install -g browser-sync

次に、プロジェクトフォルダで実行します。

browser-sync start --server --files "."

上記のコマンドは、現在のフォルダー(およびすべてのサブフォルダー)内のすべてのファイルの変更を監視し、ポート3000でWebサーバーを起動し、サーバーに接続するためのブラウザーウィンドウを開きます。

ファイルを変更するたびに、ブラウザが更新されます。

プロトタイピング中に非常に便利です!