VS Code Live Server Extension: Kuinka ladata selaimesi automaattisesti?

Blogi

Tässä videossa VS-koodin Live-palvelulaajennus kattaa selaimen automaattisen päivitysominaisuuden määrittämisen ja määrittämisen.



Visual Studio Code on nykyään yksi suosituimmista ja suosituimmista koodaustoimittajista. Olen Frontend Web -kehittäjä ja käytän myös VS -koodia henkilökohtaisesti kanavallani. Koodauksen aikana monet ihmiset esittävät yleisen kysymyksen: kuinka selain päivittyy automaattisesti ilman uudelleenlatauspainiketta.

Tämä on mahdollista, jos määrität mukavan laajennuksen VS-koodillesi, jota kutsutaan live-palvelimeksi. Tässä videossa olen selittänyt sen yksityiskohdat ja kuinka määrität ja määrität live -palvelimen VS -koodieditorillesi.



soita c -toiminto pythonista

VS -koodin latauslinkki: https://code.visualstudio.com/
Lisätietoja Live -palvelinongelmista: shorturl.at/itAF2 shorturl.at/mxFHL


Visual Studio Code on yksi suosituimmista koodieditorista. Se on ilmainen, sillä on puhdas käyttöliittymä ja siinä on lukemattomia laajennuksia, jotka tekevät ohjelmoinnista helpompaa ja hauskempaa.



Olen frontend -verkkokehittäjä ja käytän VS -koodia työskennellessäni ja YouTube -kanavallani. Monet ihmiset ovat kysyneet minulta, miten selain päivittyy automaattisesti koodauksen aikana napsauttamatta uudelleenlatauspainiketta.

Tämä on mahdollista, jos määrität hyödyllisen laajennuksen VS-koodissa nimeltä live-server. Tässä viestissä selitän sen toiminnan yksityiskohdat ja live -palvelimen asentamisen ja määrittämisen VS -koodieditorissa.

Miksi minun pitäisi käyttää live-palvelinlaajennusta?

Normaalisti, kun teet muutoksia koodiin tai kirjoitat jotain uutta, sinun on päivitettävä sivu manuaalisesti nähdäksesi muutokset.

Toisin sanoen, jos teet 100 muutosta koodiin päivittäin, sinun on päivitettävä selain 100 kertaa.

Live-palvelinlaajennus kuitenkin automatisoi tämän puolestasi. Asennuksen jälkeen automaattinen paikallinen isäntä voi suorittaa selaimessasi, jonka voit aloittaa yhdellä painikkeella.

mistä ostaa titaanikolikko

Kun olet tehnyt muutoksia koodiin tai kirjoittanut jotain uutta, selain päivittyy automaattisesti tallennuksen jälkeen. Silloin näet muutokset nopeasti ja automaattisesti.

Asenna ensin VS -koodi

Voit ohittaa tämän osan, jos olet jo asentanut VS -koodin tietokoneellesi. Muussa tapauksessa voit ladata sen osoitteesta sen virallinen verkkosivusto .

Visual Studio Code virallinen sivusto

Kun olet ladannut ja asentanut VS -koodin, näet tervetulonäytön:

Vasemmalla puolella pitäisi näkyä pari kuvaketta. Yksi niistä (ei vikoja -kuvakkeen alla) on laajennuspainike:

Kun napsautat sitä, hakupalkki tulee näkyviin. Kirjoita vain live -palvelin.

Näet monia vaihtoehtoja, joten voit valita kumpi sopii järjestelmääsi. Käytän Ritwick Deyn Live Serveriä, joten jatketaan tästä esimerkistä:

sovelluksen sisäiset ostokset heiluvat

Napsauta asennuspainiketta ja se asentaa laajennuksen.

Luo uusi HTML -sivu

Käynnistä live -palvelin varmista, että sinulla on ainakin HTML -sivu. Voit tehdä tämän napsauttamalla tiedostopainiketta yläreunassa ja valitsemalla sitten uusi tiedosto -painikkeen ja kirjoittamalla index.html:

microsoftin avoin palveluverkko

Uusi tiedoston kuvake plusmerkillä (toinen vasemmalta)

Kokoonpano -ongelmat

Nyt kun olet luonut HTML -sivun ja asentanut laajennuksen, sinun pitäisi nähdä Go Live -kuvake alla alla sinisellä kentällä:

Jos et näe sitä, käynnistä VS Code uudelleen. Sitten sen pitäisi olla kunnossa.

Napsauta Go Live -painiketta ja paikallisen isännän (joka on määritetty portin numeroon) pitäisi alkaa oletusselaimessasi. Voit käynnistää ja pysäyttää live -palvelimesi milloin tahansa napsauttamalla samaa painiketta.

#vscode #ohjelmointi #kehittäjä #javascript #python

www.youtube.com

VS Code Live Server Extension: Kuinka ladata selaimesi automaattisesti?

VS-koodin Live-palvelinlaajennus kattaa selaimen automaattisen päivitysominaisuuden määrittämisen ja määrittämisen. Selitän sen toiminnan yksityiskohdat ja live -palvelimen asentamisen ja määrittämisen VS -koodieditorissa.