Come visualizzare il mio codice HTML in un browser con il nuovo Microsoft Visual Studio Code?
Con Notepad++ avete l'opzione di eseguire in un browser. Come posso fare la stessa cosa con Visual Studio Code?
Per Windows - Apri il tuo browser predefinito - Testato su VS Code v 1.1.0
Risposta sia all'apertura di un file specifico (il nome è hard-coded) O all'apertura di QUALSIASI altro file.
Passi:
Usa ctrl + shift + p (o F1) per aprire la palette dei comandi.
Digita Task: Configure Task
o nelle versioni precedenti Configure Task Runner
. Selezionandolo si aprirà il file tasks.json. Elimina lo script visualizzato e sostituiscilo con il seguente:
{
"versione": "0.1.0",
"command": "explorer",
"windows": {
"command": "explorer.exe"
},
"args": ["test.html"]
}
Ricordatevi di cambiare la sezione "args" del file tasks.json con il nome del vostro file. Questo aprirà sempre quel file specifico quando premi F5.
Puoi anche impostare questo per aprire qualsiasi file tu abbia aperto in quel momento usando ["${file}"]
come valore per "args". Nota che il $
va all'esterno del {...}
, quindi ["{$file}"]
non è corretto.
Salvate il file.
Torna al tuo file html (in questo esempio è "text.html"), e premi ctrl + shift + b per visualizzare la tua pagina nel tuo Browser Web.
@InvisibleDev - per farlo funzionare su un mac prova a usare questo:
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
Se hai chrome già aperto, lancerà il tuo file html in una nuova scheda.
CTRL+SHIFT+P
farà apparire la tavolozza dei comandi;
A seconda di ciò che stai eseguendo, naturalmente. Ad esempio in un'applicazione ASP.net puoi digitare:
>kestrel
e poi apri il tuo browser web e digita localhost:(la tua porta qui)
;
Se digiti >
ti mostrerà i comandi show e run
O nel tuo caso con HTML, penso che F5
dopo aver aperto la palette dei comandi dovrebbe aprire il debugger.
Fonte: [link][1]