vscode にライブサーバーをインストールして使用します (フロントエンドは独自のローカルサーバー環境を構築します)

1. 拡張機能でライブサーバーを検索し、見つけてダウンロードします。ダウンロード後に設定アイコンをクリックし、拡張機能の設定をクリックします。

 2. settings.json の [編集] をクリックし、JSON 内の次のコードを変更して追加します。

ポート番号は設定できますが、他のサービスと競合しないように注意してください。

AdvanceCustomBrowserCmdLine は実際のクロム パスを入力します。

 3. vscode を保存して再起動し、右下隅にある [ライブ配信] をクリックします。

 4. HTML で直接開くことができます。プロジェクト内で dist ファイルを見つけて開きます。