コードを編集するたびVSCodeで保存してブラウザをリロードするのがめんどくさかったのでコードの変更を即座にブラウザに反映することにしました。
①VSCodeの保存設定を自動保存にする
VSCodeの「ファイル」→「自動保存」にチェック!
これVSCodeの変更が自動的に保存されるようになります。
②ブラウザを自動更新する拡張機能「Live Server」を入れる。
VSCodeのサイドバーの拡張機能から「Live Server」をインストールします。
拡張機能をインストールするとGo Live
アイコンが下の青い領域 (ステータスバー) に表示されるはずです。
(されない方はVSCodeを再起動してみてください。)
Go Live
ボタンをクリックするとLive Server
と連動できます。
これでVSCodeでの変更を即座にブラウザに反映することができました!