Come aprire i file HTML nel browser dal codice Visual Studio

Visual Studio Code è l'Editor IDE e CODICE per i team di sviluppatori di software. Aiuta a costruire e debug di applicazioni. Questo editor di codice fornisce estensioni che aggiungono debugger, lingue e strumenti di installazione per supportare lo sviluppo delle applicazioni. Più specificamente, "Apri nel browser predefinito" E "Server live"Può essere utilizzato per testare il codice HTML sul browser.

Questo post guiderà su:

• Quali estensioni del codice Visual Studio sono utilizzate per aprire i file HTML nel browser?
• Come installare "Apri nel browser predefinito"Estensione su Visual Studio?
• Come installare il "Server live"Estensione su Visual Studio?
• Come aprire/eseguire i file HTML nel browser utilizzando il codice Visual Studio?

Quali estensioni del codice Visual Studio sono utilizzate per aprire i file HTML nel browser Web?

Diverse estensioni nel codice di Visual Studio sono molto utili per gli sviluppatori Web, come il booster più carino, JavaScript e altro ancora. Tuttavia, ne useremo due che aiuteranno ad aprire i file HTML nel browser, che sono "Apri nel browser predefinito" E "Server live".

Come installare l'estensione "Apri nel browser predefinito" su Visual Studio?

Allo scopo di installare il "Apri nel browser predefinito"Estensione nel codice Visual Studio, controlla la procedura fornita.

Passaggio 1: creare il file HTML

Diciamo che abbiamo creato una pagina HTML, come mostrato nell'immagine seguente:

Passaggio 2: navigare alle estensioni

Quindi, fai clic sull'icona evidenziata per navigare su "Estensioni" sezione:

Passaggio 3: installare l'estensione "Apri nel browser predefinito"

Dopo aver fatto clic sull'icona dell'estensione, cerca "Apri nel browser predefinito"E colpisci il"Installare"Pulsante:

Dopo aver installato l'estensione selezionata, il seguente messaggio si aprirà sullo schermo:

Come installare l'estensione "Live Server" su Visual Studio?

Allo stesso modo, per installare il “Server live"Estensione, cercalo nel mercato dell'estensione e installalo utilizzando lo stesso metodo:

Come aprire/eseguire i file HTML nel browser utilizzando il codice Visual Studio?

Per aprire i file HTML nel browser, fare clic con il pulsante destro del mouse sull'area dello spazio del codice del codice Visual Studio. Quindi scegli il "Apri nel browser predefinito"Opzione o utilizzare la combinazione di chiavi"Ctrl+1":

L'altra opzione è scegliere il "Apri con il server live"Estensione per lo stesso scopo:

Di conseguenza, il file verrà aperto sul browser Web:

Si trattava di aprire i file HTML nel browser dal codice Visual Studio.

Conclusione

Visual Studio Code è l'editor di testo utilizzato per la scrittura del codice HTML. Questo editore di testo è costituito da diverse estensioni, come "Apri nel browser predefinito" O "Server live", Per testare il codice sul browser. Questo post ha dimostrato la procedura per installare l'estensione di Visual Studio menzionata e utilizzarli per l'apertura di file HTML nel browser.