VS codeのliveserverについて vs codeでHTMLの学習を始めたばかりです。 live serverを使って下記を表示させようとし

HTML、CSS45閲覧

ベストアンサー

この回答はいかがでしたか? リアクションしてみよう

ご回答ありがとうございます。 CMDでnetstat -ano | findstr :5500で検索したところ、何も帰ってこなかったので、5500番の使用はしていない気がします。 未保存のままLive Server起動の部分ですが、エクスプローラーから同じファイル内の情報をみても、HTMLが記載されていたので、保存した状態にはなっていると思います。 関係あるか分かりませんが、使用しているPCがcorei 7 の第六世代と古いのですが、そういったがハード上の制約などの情報があれば教えていただけないでしょうか?

ThanksImg質問者からのお礼コメント

問題が解決できました。 内容としては、大変初歩的なことでした。 VScodeに読み込むファイルの形式がHTMLになっていなかったため、ブラウザ上での表示が変になっていたとわかりました。 当初、ファイル形式は何でもOKと思っていたため、発生したものでした。 共に考えていただきありがとうございました。

お礼日時:1/11 20:55

その他の回答(2件)

AIアイコン

AIからのお助け回答

AIアイコンClaude 3(Anthropic)

VS Codeの Live Serverでport 5500が使用中の場合、別のポート番号を使用するよう設定することができます。 1. VS Codeで [ファイル] > [プリファレンス] > [設定] を開きます。 2. 検索ボックスに "live server" と入力し、"Live Server > Settings: Port Number" を探します。 3. ポート番号の値を変更します(例: 8080)。 4. 設定を保存します。 これで、Live Serverを起動するとポート番号が変更されたはずです。ブラウザで http://localhost:8080 (設定したポート番号)にアクセスすると、HTMLファイルが表示されるはずです。 別の対処方法としては、Live Serverの拡張機能を一度無効化し、再度有効化することで、ポートが解放される可能性があります。 これらの方法で解決しない場合は、PCを再起動するか、別のHTTPサーバーツールを使用することをお勧めします。

AIアイコンみんなの知恵袋

過去のベストアンサーを参照してAI(GPT-4o)が回答!

みんなの知恵袋とは?

Live Serverでポート5500の問題を解決するには、まずVS Codeの設定を確認しましょう。設定ファイル(settings.json)で"liveServer.settings.port"を探し、別のポート番号に変更します。変更後、VS Codeを再起動してください。また、ファイアウォールや他のアプリケーションがポート5500を使用していないか確認することも重要です。さらに、Live Serverの拡張機能が最新であることを確認し、必要に応じて更新してください。これらの手順で問題が解決しない場合、他の拡張機能との競合が原因かもしれませんので、一時的に無効化してテストしてみてください。

この回答は生成AIで作成したものであり、最新性や正確性等を保証するものではありません。その他注意事項はこちら