vscodeでのliveserverの反応がない

Question

前提・実現したいこと

vscodeのLiveServerを使っているのですがGO Liveを押して試しに文字を変更しても反応がありませんでした。何か初期設定などあるのですか？chromeを使っています。リロードボタンを押しても反応がなかったです。

Answer 1

エラー内容からフォルダを選択してくださいという意味だと思います。
回答させていただいた内容と一部重複してしまいますが、直接編集したいHTMLファイルなどを開くのではなく、フォルダを選択する必要があります。

つまり何か適当なフォルダを作成し、その中に編集したいファイルを入れておく前準備が必要になります。
例：web_pracフォルダ(名前は適当です)内にhtmlファイル、cssファイル、jsファイルを入れておく

手順として
１：vs code起動
２：タブから「ファイル」を選択
３：「フォルダを開く」(上から４つ目)を選択し、編集したいファイルの入っているフォルダを選択します

この時に注意が必要なのは画像のように対象のファイルを選択したらダブルクリックでフォルダを選んではいけません。
ダブルクリックしてフォルダを選ぶと中に格納しておいたファイルが見えずフォルダ内が(見た目上)空になっておりファイルを選択できなくて焦ります(笑)
一度クリックして選択状態にしたまま右下の「フォルダーの選択」をクリックしてください。

そうするとエディタの左側にフォルダ内のファイルが展開され、その状態になればlive serverが使用可能になると思います。
分かりにくかったらすいません。
一度試してみてください。

追記
先ほどの回答に追記ではなく新たに回答してしまいました。
申し訳ありません。

Answer 2

こんにちは
Go Liveが押せているので大丈夫だとは思いますが対象のファイルはvs code上部の「ファイル」タブから「フォルダを開く」で対象のファイルを選択されていますか？
また、htmlタグ、headタグ、bodyタグが無ければLiveServerが機能しなかったと思います。
参考になれば幸いです。

Comments

[tmtm]

ファイルから上から３つめの開くを押して開きました。htmlタグなどのエラーはないと思います。
改めてやってみると、vs　code起動⇨タブからファイルの「開く」を使い対象のhtmlファイルを開きました。そうすると Go liveがなくopen with Live server　で起動しようとしたら右下にOpen a folder or workspace... (File -> Open Folder)とでてきてしまいました。

[tmtm]

Live　server自体有効の欄に入っていたので有効であることはかくにん済みです

[tmtm]

タグからじ自動保存を選択してファイルをいじったらchromeでも変化が見られたんですがこれが正規のやり方なのですか？

[---stax---]

すいません。
新たな回答として投稿してしまいました。
ご確認願います。