見出し画像

エディタ機能の簡易ローカルサーバ VScode編

さくっとHTMLをローカルサーバで確認したいときは、エディタ機能の簡易ローカルサーバ機能を使うのが楽ちんなので備忘録で残します。
今回はVScode編です。

## VScode

Visual Studio Code(VScode)はExtensionsから、Live Serverのパッケージをインストールする必要がある。

### Live Serverをインストール

- ExtensionからLive Serverを探してインストール

### Live ServerのStart/Live Reload/Stop

- 右下の「Go Live」でSrart → 「Port: 5500」と表示される
- ファイルを編集すると自動でブラウザがリロードしてくれる
- 右下の「Port: 5500」でStop

## 補足

初期設定前提で書いている

## 参考

画像1


いいなと思ったら応援しよう!