VSCode are o mulțime de extensii grozave și Server live este una dintre cele mai bune.

Cu doar câteva clicuri, Live Server vă permite să vedeți pagina dvs. live într-un browser propriu-zis. Mai bine, are reîncărcare live, deci dacă vă actualizați codul, modificările se reflectă și în browser.

Tot ce trebuie să faceți este să faceți clic dreapta în fișierul HTML pe care doriți să-l vizualizați, faceți clic dreapta, apoi selectați „Deschideți cu Live Server”:

Visual Studio Code Live Server nu functioneaza
Live Server în acțiune

Dar dacă Live Server nu vă deschide browserul și nu afișează pagina așa cum vă așteptați? Dacă ți se întâmplă asta, iată câteva lucruri pe care le poți încerca.

Reporniți VSCode

Uneori, cel mai bun lucru pe care îl puteți face este să porniți VSCode de la zero.

Mai întâi, salvați-vă toată munca. Apoi închideți VSCode, care va opri și toate extensiile pe care le-ați instalat.

Apoi, redeschideți VSCode și încercați din nou – mergeți la fișierul HTML pe care doriți să-l vizualizați, faceți clic dreapta și selectați „Deschideți cu Live Server”.

Setați browserul pentru Live Server

Este posibil ca extensia să funcționeze, dar sistemul dvs. nu are un browser implicit.

Chiar dacă ați setat browserul implicit pentru sistemul dvs., nu ar fi rău să anunțați Live Server ce browser doriți să utilizați în mod explicit.

Mai întâi, deschideți Command Pallete cu F1, apoi tastați Preferences: Open Settings (JSON) și selectați acea opțiune.

Aceasta vă va deschide codul VSC settings.json fişier.

Derulați până la capătul fișierului și lipiți-l "liveServer.settings.CustomBrowser": "chrome".

Derulați până la capătul fișierului, adăugați o virgulă după ultima setare, apoi lipiți "liveServer.settings.CustomBrowser": "chrome":

1611648185 886 Visual Studio Code Live Server nu functioneaza

Rețineți că puteți utiliza și "firefox", "safari", sau orice alt browser ca valoare pentru "liveServer.settings.CustomBrowser" setare.

În cele din urmă, salvați fișierul settings.json fișier și încercați să rulați din nou Live Server.

Setați browserul implicit pentru sistemul dvs. de operare

Chiar și după ce ați spus Live Server ce browser doriți să utilizați, este posibil să nu vă deschidă corect pagina în browserul respectiv.

Următorul lucru pe care trebuie să-l încercați este să setați browserul implicit pentru sistemul dvs. de operare.

Metoda exactă pentru a face acest lucru poate varia în funcție de sistemul de operare, deci este mai bine să căutați cum să faceți acest lucru dacă nu sunteți sigur.

Iată cum arată pagina de setări în Windows:

Visual Studio Code Live Server nu functioneaza
Credit: Advitya-sharma

Accesați singur pagina live

Dacă din anumite motive Live Server încă nu deschide pagina în browserul dvs. automat, nu vă faceți griji. Puteți deschide oricând browserul ales și vizualizați pagina direct.

Deschideți browserul preferat și accesați http://127.0.0.1:5500/<your_file_name>.

De exemplu, dacă fișierul dvs. este apelat index.html, mergi doar la http://127.0.0.1:5500/index.html.

Atâta timp cât Live Server rulează, ar trebui să vă vedeți pagina.

În încheiere

Acestea sunt câteva soluții obișnuite pe care le puteți încerca dacă Live Server nu funcționează așa cum vă așteptați.

Rămâneți în siguranță și codificați (în direct) fericit