Etter å ha skrevet en kode i Visual Studio -koden, bør den åpnes på en nettleser helt sikkert. Faktisk, mens du lager en webside, er det nødvendig å åpne og se resultatene eller utdataene fra koden ofte og etter hver operasjon utført gjennom koden. Dette gjøres for å sikre at koden blir implementert riktig eller ikke.

I dette innlegget vil det være to mest brukte måter å åpne en Visual Studio Code HTML -fil i nettleseren.

Forutsetning: Sett opp HTML -dokument

For å se en HTML -fil i nettleseren, må det eksistere en HTML -fil. Så opprett filen først. La oss anta at det er følgende fil som antas å åpnes i en nettleser:

Hei Verden!

Dette er innholdet på websiden ..

-I koden ovenfor er det en enkel

overskrift og en underoverskrift

etter det.

kropp
tekst-align: sentrum;

H1
Farge: grønn;

I CSS -stilelementet er det lagt til to egenskaper (i.e., tekstjustering og farge) med henvisning til “kropp”Og“

”Overskrift.

Metode 1: Kopier og lim inn filstien i nettleseren

En av metodene for å åpne eller se HTML -filen i nettleseren er ganske enkelt å kopiere filstien og lime den inn i nettleseren. La oss forstå dette i detalj.

Høyreklikk på navnet på filen og klikk deretter på "Kopier banen”Alternativ. På denne måten vil filen bli kopiert fra Visual Studio -koden:

Åpne nettleseren og lim deretter inn den kopierte URL -en i nettleseren:

Dette vil vise resultatene fra websiden i nettleseren:

Metode 2: Åpne gjennom live -serveren

En annen måte å se en HTML -fil i nettleseren er ved å aktivere en live serverutvidelse i Visual Studio Code og deretter bruke den utvidelsen til å se filen i nettleseren.

Than visuell studio -kode “Live server”Utvidelse vil bli brukt i denne metoden. Så installer utvidelsen først hvis den ikke allerede er installert:

Høyreklikk hvor som helst i området der koden er skrevet, og velg deretter "Åpent med live server”Alternativ:

Dette laster automatisk URL -koblingen til den relevante visuelle studiokodefilen og viser resultatene i nettleseren:

Dette var de to vanligste metodene som ble brukt for å se en HTML -fil i nettleseren.

Konklusjon

En HTML -fil på Visual Studio Code kan vises i nettleseren på flere måter. En av måtene er å kopiere filstien fra Visual Studio -koden og deretter lime den inn i nettleseren. En annen måte er å bruke Visual Studio Live Server Extension for å laste inn filadressen i nettleseren. Denne artikkelen forklarte begge metodene i detalj.