Hoe kan ik mijn HTML-code in een browser bekijken met de nieuwe Microsoft Visual Studio Code?
Met Notepad++ heb je de optie om in een browser uit te voeren. Hoe kan ik hetzelfde doen met Visual Studio Code?
Voor Windows - Open uw standaardbrowser - Getest op VS Code v 1.1.0
Antwoord op zowel het openen van een specifiek bestand (naam is hard-coded) OF het openen van ELK ander bestand.
Stappen:
Gebruik ctrl + shift + p (of F1) om het Command Palette te openen.
Typ in Taken: Configureer Taak
of op oudere versies Configure Task Runner
. Door het te selecteren wordt het tasks.json bestand geopend. Verwijder het getoonde script en vervang het door het volgende:
{
"version": "0.1.0",
"command": "explorer",
"windows": {
"command": "explorer.exe"
},
"args": ["test.html"]
}
Vergeet niet om de "args" sectie van het tasks.json bestand te veranderen in de naam van je bestand. Dit zal altijd dat specifieke bestand openen wanneer je op F5 drukt.
U kunt dit ook instellen om het bestand te openen dat u op dat moment open heeft staan door ["${file}"]
te gebruiken als de waarde voor "args". Merk op dat de $
buiten de {...}
komt, dus ["{$file}"]
is onjuist.
Sla het bestand op.
Ga terug naar je html-bestand (in dit voorbeeld is het "text.html"), en druk op ctrl + shift + b om je pagina in je Web Browser te bekijken.
@InvisibleDev - om dit werkend te krijgen op een mac probeer je dit:
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
Als je Chrome al open hebt staan, start het je html bestand in een nieuw tabblad.
CTRL+SHIFT+P
zal het commando palet oproepen.
Afhankelijk van wat je draait natuurlijk. Voorbeeld in een ASP.net app kun je typen in:
>kestrel
en dan je web browser openen en localhost:(je poort hier)
intypen.
Als je >
intypt krijg je de show and run commands te zien
Of in jouw geval met HTML, ik denk dat F5
na het openen van het commando palet de debugger zou moeten openen.
Bron: [link][1]