VSCodeで「Live Server」を使いたい！

Question

プログラミング初心者です。
VSCodeの拡張機能である「Live Server」が使えません。
正確には、「Live Server」を起動する「GO Live」ボタンが表示されなく、代わりに「Prettier」ボタンが表示されています。
この「Prettier」とは何でしょうか？
今までインストールした拡張機能を全てアンインストールしなければならないでしょうか？
ググってもよくわかりませんでした。
よろしくお願いします。
VSCodeの画像貼ります。
右のコードが小さくなってる機能は別にいらないです。

2021.01.12 VSCodeを再インストールしたり、拡張機能を全てアンインストールしてみましたが、やはり「Go Live」ボタンは表示されませんでした。

Answer 1

追加分:

あなたは、VSCodeのファイルメニューの**「ファイルを開く」を使ってファイルを編集**していますね。その状態では「Go Live」は表示されません。

Live Serverは、ひとつのフォルダーをドキュメントルートとするローカルサーバーを起動して動作します。ファイルメニューの**「フォルダーを開く」でフォルダーを開く**か、フォルダー(複数可)を登録して使う「ワークスペースを開く」でフォルダーを開いてください。ステータスバーが紫ではなく青で表示されれば「Go Live」も表示されるはずです。

以下、元の回答:

左下の⚙アイコンの「設定」や、Ctrl-,キーなどの入力で表示される設定画面の検索欄で、「showonstatusbar」と入力して、「Live Server > Settings: Show On Statusbar」にチェックが付いていることを確認。チェックが付いていなければ付けてください。

settings.jsonだと、対応する設定項目はliveServer.settings.showOnStatusbarで、規定値がtrueです。

Comments

[gef57378]

回答ありがとうございます。
「Settings: Show On Statusbar」にチェックは付いていたのですが、「GO Live」ボタンは表示されませんでした。

[gef57378]

無事に表示されました。
私の勘違いで、フォルダの中のファイルを開くことをフォルダを開いていると認識してました。
ありがとうございました！

Answer 2

"設定"（左下の歯車マーク）から、live server の設定内容を確認してみてください。

ちなみに「Prettier」は、コード・フォーマッタです。ご自身で拡張機能としてインストールしたはずですよ。

Answer 3

「Live Server」を起動する「GO Live」ボタンが表示されなく、

私の場合はhtml上で右クリックでLive Server起動してます。
右下の小さなボタンを押すのは面倒ですので。