Hvordan åpne HTML -filer i nettleseren din fra Visual Studio Code

Visual Studio Code er IDE- og Code Editor for programvareutviklerteam. Det hjelper med å bygge og feilsøke applikasjoner. Denne kodeditoren gir utvidelser som legger til feilsøkere, språk og installasjonsverktøy for å støtte applikasjonsutvikling. Mer spesifikt, "Åpne i standard nettleser”Og“Live server”Kan brukes til å teste HTML -koden i nettleseren.

Dette innlegget vil guide om:

• Hvilke utvidelser av visuell studio -kode brukes til å åpne HTML -filer i nettleseren?
• Hvordan installere "Åpne i standard nettleser”Utvidelse på Visual Studio?
• Hvordan installere “Live server”Utvidelse på Visual Studio?
• Hvordan åpne/utføre HTML -filer i nettleseren ved hjelp av Visual Studio Code?

Hvilke utvidelser av visuell studio -kode brukes til å åpne HTML -filer i nettleseren?

Flere utvidelser i Visual Studio Code er veldig nyttige for nettutviklere, for eksempel Prettier, JavaScript Booster og mer. Imidlertid vil vi bruke to av dem som vil hjelpe til med å åpne HTML -filene i nettleseren, som er "Åpne i standard nettleser”Og“Live server”.

Hvordan installere “Åpne i standard nettleser” -utvidelse på Visual Studio?

Med det formål å installere “Åpne i standard nettleser”Utvidelse i Visual Studio Code, sjekk ut den oppgitte prosedyren.

Trinn 1: Opprett HTML -fil

La oss si at vi har laget en HTML -side, som vist i bildet nedenfor:

Trinn 2: Naviger til utvidelser

Klikk deretter på det uthevede ikonet for å navigere til "Utvidelser" seksjon:

Trinn 3: Installer "Åpne i standard nettleser" -utvidelse

Etter å ha klikket på utvidelsens ikon, søk etter “Åpne i standard nettleser”Og treffer“Installere”Knapp:

Etter å ha installert den valgte utvidelsen, åpnes følgende melding på skjermen:

Hvordan installere "Live Server" -utvidelsen på Visual Studio?

Tilsvarende for å installere “Live server”Utvidelse, søk etter det i utvidelsesmarkedet og installer den ved hjelp av samme metode:

Hvordan åpne/utføre HTML -filer i nettleseren ved hjelp av Visual Studio Code?

For å åpne HTML-filer i nettleseren din, høyreklikk på kodeområdet til Visual Studio-koden. Velg deretter “Åpne i standard nettleser”Alternativ eller bruk tastekombinasjonen”Ctrl+1”:

Det andre alternativet er å velge "Åpent med live server”Utvidelse for samme formål:

Som et resultat vil filen bli åpnet på nettleseren din:

Det handlet om å åpne HTML -filer i nettleseren din fra Visual Studio Code.

Konklusjon

Visual Studio Code er tekstredigereren som brukes til å skrive HTML -kode. Denne tekstredigereren består av flere utvidelser, for eksempel “Åpne i standard nettleser”Eller“Live server”, For å teste koden i nettleseren. Dette innlegget har demonstrert prosedyren for å installere den nevnte Visual Studio -utvidelsen og bruke dem til å åpne HTML -filer i nettleseren.