迅速でシンプルなアプローチ
私はバニラHTML + JSのWebサイトで作業していましたが、create-react-appやVueCLIなどのクイックスタートパッケージが提供する最高の機能の1つであるコードエディターでファイルを保存したときにページを再読み込みできませんでした。
私が見つけた最も簡単な方法は、インストールすることですbrowser-sync
:
npm install -g browser-sync
次に、プロジェクトフォルダで実行します。
browser-sync start --server --files "."
上記のコマンドは、現在のフォルダー(およびすべてのサブフォルダー)内のすべてのファイルの変更を監視し、ポート3000でWebサーバーを起動し、サーバーに接続するためのブラウザーウィンドウを開きます。
ファイルを変更するたびに、ブラウザが更新されます。
プロトタイピング中に非常に便利です!