質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.34%
Visual Studio Code

Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Windows

Windowsは、マイクロソフト社が開発したオペレーティングシステムです。当初は、MS-DOSに変わるOSとして開発されました。 GUIを採用し、主にインテル系のCPUを搭載したコンピューターで動作します。Windows系OSのシェアは、90%を超えるといわれています。 パソコン用以外に、POSシステムやスマートフォンなどの携帯端末用、サーバ用のOSもあります。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

242閲覧

VScodeの拡張機能「live server」でブラウザが起動しません。

hgioueao

総合スコア2

Visual Studio Code

Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Windows

Windowsは、マイクロソフト社が開発したオペレーティングシステムです。当初は、MS-DOSに変わるOSとして開発されました。 GUIを採用し、主にインテル系のCPUを搭載したコンピューターで動作します。Windows系OSのシェアは、90%を超えるといわれています。 パソコン用以外に、POSシステムやスマートフォンなどの携帯端末用、サーバ用のOSもあります。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2024/12/20 08:48

実現したいこと

VScodeでHTMLをlive serverで開きたいのですがブラウザが起動しません。

発生している問題・分からないこと

右下のGo Liveは表示されており、押すと🚫Port : 5500と表示されますが、ブラウザは立ち上がりません。

該当のソースコード

特になし

試したこと・調べたこと

  • teratailやGoogle等で検索した
  • ソースコードを自分なりに変更した
  • 知人に聞いた
  • その他
上記の詳細・結果

拡張機能のインストール/アンインストール、VScodeの再起動、PCの再起動は何回かしました。
色々調べたところ、ファイルから開く等の回答を見ましたが、初心者過ぎてそのやり方がわかりません...。

補足

特になし

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2024/12/20 09:52

liveServer.settings.CustomBrowser の設定はありますか?
hgioueao

2024/12/20 09:56

確認したところ、chromeでした。
Lhankor_Mhy

2024/12/20 10:30 編集

null に戻すとどうなるんでしょう……? 手動で立ち上げて、ページを見ることはできますか? もしできない場合は、何が表示されていますか?
hgioueao

2024/12/20 10:44

nullにしてもlive serverでは開けず、違いはわかりません。 ですが、手動でブラウザにドラッグしたらHTMLの記述の通りに開けました...!
Lhankor_Mhy

2024/12/20 14:27

live server でのURLはわかりますか? そちらで試すとどうでしょうか?
hgioueao

2024/12/20 15:54

すみません、urlをどこで確認できるかわからないです...
juner

2024/12/21 12:31

下部の ポート番号を参考に `http://localhost:ポート番号` 形式でいけるはずです。
hgioueao

2024/12/21 13:07

できました!! ありがとうございます!
guest

回答1

0

ベストアンサー

ファイルから開く等の回答を見ましたが

もしかして、それは vscode の エクスプローラビュー で 対象となるファイルで右クリックしたら出る Open with Live Server (Alt + L Alt + O) ではありませんか?

イメージ説明

参考

https://github.com/ritwickdey/vscode-live-server

投稿2024/12/20 09:48

juner

総合スコア562

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hgioueao

2024/12/20 09:52

そうです! そちらをクリックすると上記のような状態になります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.34%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問