A VSCode sok nagy kiterjesztéssel rendelkezik, és a Live Server az egyik legjobb.
Pár kattintással a Live Server lehetővé teszi, hogy egy adott böngészőben élőben láthassa az oldalát. Még jobb, hogy élő újratöltést tartalmaz, így ha frissíti a kódot, a változások a böngészőben is megjelennek.
Csak annyit kell tennie, hogy jobb egérgombbal kattint a megtekinteni kívánt HTML fájlra, jobb gombbal kattint, majd válassza a „Megnyitás élő szerverrel” lehetőséget:
De mi van akkor, ha a Live Server nem nyitja meg böngészőjét, és nem úgy mutatja meg az oldalát, ahogyan azt várta? Ha ez történik veled, íme néhány dolog, amit kipróbálhatsz.
Indítsa újra a VSCode-ot
Néha a legjobb, amit tehet, hogy a VSCode-ot a nulláról indítja.
Először mentse el az összes munkáját. Ezután zárja be a VSCode-ot, amely leállítja az összes telepített bővítményt is.
Ezután nyissa meg újra a VSCode-ot, és próbálkozzon újra - lépjen a megtekinteni kívánt HTML-fájlhoz, kattintson a jobb gombbal, és válassza a „Megnyitás élő szerverrel” lehetőséget.
Állítsa be a böngészőt a Live Server szolgáltatáshoz
Lehetséges, hogy a kiterjesztés működik, de a rendszerének nincs alapértelmezett böngészője.
Még akkor sem, ha beállította az alapértelmezett böngészőt a rendszeréhez, nem ártana, ha a Live Server tudatja, melyik böngészőt szeretné kifejezetten használni.
Először nyissa meg az F1 paranccsal a Command Pallete parancsot, majd írja be Preferences: Open Settings (JSON)és válassza ki ezt az opciót.
Ez megnyitja a VSCode settings.jsonfájlt.
Görgessen egészen a fájl aljáig, és illessze be "liveServer.settings.CustomBrowser": "chrome".
Görgessen egészen a fájl aljáig, vesszen fel vesszőt az utolsó beállítás után, majd illessze be "liveServer.settings.CustomBrowser": "chrome":
Figyeljük meg, hogy akkor is használhatja "firefox", "safari"vagy bármely más böngészőt, mint az érték a "liveServer.settings.CustomBrowser"beállítást.
Végül mentse el a settings.jsonfájlt, és próbálkozzon újra a Live Server futtatásával.
Állítsa be az operációs rendszer alapértelmezett böngészőjét
Még akkor is, ha elmondta a Live Server-nek, hogy melyik böngészőt szeretné használni, lehetséges, hogy még mindig nem nyitja meg megfelelően az adott böngészőben az oldalát.
A következő próbálkozás az alapértelmezett böngésző beállítása az operációs rendszerhez.
Ennek pontos módja az operációs rendszertől függően változhat, ezért a legjobb, ha nem biztos benne, keresse meg a módját.
Így néz ki a beállítási oldal a Windows rendszerben:
Menjen maga az élő oldalra
Ha valamilyen okból a Live Server még mindig nem nyitja meg automatikusan az oldalt a böngészőben, akkor ne aggódjon. Mindig megnyithatja a kívánt böngészőt, és közvetlenül megtekintheti az oldalt.
Csak nyissa meg a kívánt böngészőt, és lépjen a //127.0.0.1:5500/.
Például, ha a fájlját meghívja index.html, egyszerűen lépjen a következőre //127.0.0.1:5500/index.html:.
Amíg az Live Server fut, látnia kell az oldalát.
Zárva
Ez néhány gyakori javítás, amelyet kipróbálhat, ha a Live Server nem az elvárt módon működik.
Legyen biztonságban, és boldog (élő) kódolás.