VSCodeで拡張機能「Live Server」を使う

拡張機能「Live Server」って？

VS Codeに簡易ローカルサーバを立てることができる拡張機能。
また、ファイルを更新すると自動的にブラウザを更新する。

インストール

Visual StudioのMarketplace（LiveServer）、もしくはVS Codeの拡張機能メニューからLive Serverを検索しInstallする。

使い方

VS Code右下に表示される「Go Live」をクリックすると、ブラウザで http://127.0.0.1:5500/ が実行される。

あとはスクリプトをがりがり書くだけ。

設定

Settings Docs より。

• liveServer.settings.port
  • デフォルトは5500
• liveServer.settings.root
  • 例、/sub_folder1/sub_folder2
  • デフォルトは / （ワークスペースのルート）
• liveServer.settings.CustomBrowser
  • chrome、chrome:PrivateMode、firefox、irefox:PrivateMode、microsoft-edge、blisk
  • デフォルトは null （システムのデフォルトブラウザ）