VScodeを使って簡単にローカルサーバーを立てる

vscode-live-server

VSCodeからボタンひとつでローカルサーバーが立てられる拡張機能です。
https://github.com/ritwickdey/vscode-live-server

良いところ

1. ボタン一つでお手軽簡単。
2. hot reloadが有効。

インストール

1. VSCodeのExtensionsからLive Serverで検索
2. installを押す

使い方

1. 右下にGo Liveのボタンが増えるので、立ち上げたいhtmlをVSCodeで開いてGo Liveを押す
2. ローカルサーバーが立ち上がる

設定

• liveServer.settings.root
  • デフォルトは/
  • index.htmlがルートにない場合(例：/src/index.html)デフォルトのままだとjsファイルやcssファイルの参照が404になってしまうので、よしなに設定(例:./src)してあげる。
• liveServer.settings.port
  • デフォルトは5500
  • よしなに設定
• liveServer.settings.https
  • デフォルトはfalse
  • httpsの設定も可能

詳細はこちら
https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md