visual studio codeのlive server適用htmlが変更できない

Question

vscodeでlive server（htmlの更新を自動的にブラウザで表示してくれるので便利）を使って作業しています。

一つ目のhtmlを保存して閉じ、別の新しいhtmlファイルを作ってlive serverを適用したところ、現在作業中のではなく閉じた方のhtmlファイルが表示されてしまいます。

一度vscodeを終了させ、再起動させても同じです。

live serverを適用させるhtmlの変更作業が必要なのでしょうか。検索してみましたが方法がわかりません。教えていただけると助かります。

Answer 1

ええっとこの拡張機能のことですかね？
Live Server - Visual Studio Marketplace
これは単一のファイルを開くものではなくて、そのワークスペース全体に対してのものなので、おそらくproject root path(あるいはliveServer.settings.root)にあるindex.htmlが繰り返し表示されているのではないでしょうか？
project root pathからみた相対パスをブラウザ上のURLバーに追記すれば見れませんか？

Comments

[hirosweets1]

早速の返信ありがとうございます。

ファイルではなく、ワークスペース全体なのですね。初心者で用語がわからず色々調べながら試行錯誤していたのですが、ファイル->フォルダーを閉じる、の後に新規のhtmlファイルを開くとうまくlive serverが機能したので、とりあえずなんとかなりました。

どうもありがとうございました！

Answer 2

ファイルー＞フォルダーを閉じる　でやると問題なく動きました。