Wie kann ich meinen HTML-Code in einem Browser mit dem neuen Microsoft Visual Studio Code anzeigen?
Mit Notepad++ haben Sie die Möglichkeit, den Code in einem Browser auszuführen. Wie kann ich dasselbe mit Visual Studio Code tun?
Für Windows - Öffnen Sie Ihren Standard-Browser - Getestet mit VS Code v 1.1.0
Antwort auf das Öffnen einer bestimmten Datei (der Name ist hartcodiert) ODER das Öffnen einer beliebigen anderen Datei.
Schritte:
Verwenden Sie ctrl + shift + p (oder F1) um die Befehlspalette zu öffnen.
Geben Sie `Tasks: Task konfigurieren" oder bei älteren Versionen "Task-Runner konfigurieren" ein. Wenn Sie diese Option auswählen, wird die Datei tasks.json geöffnet. Löschen Sie das angezeigte Skript und ersetzen Sie es durch das folgende:
{
"Version": "0.1.0",
"command": "explorer",
"windows": {
"Befehl": "explorer.exe"
},
"args": ["test.html"]
}
Denken Sie daran, den Abschnitt "args" in der Datei tasks.json in den Namen Ihrer Datei zu ändern. Dadurch wird immer diese spezielle Datei geöffnet, wenn Sie F5 drücken.
Sie können auch festlegen, dass die Datei geöffnet wird, die Sie gerade geöffnet haben, indem Sie ["${file}"]
als Wert für "args" verwenden. Beachten Sie, dass das $
außerhalb der {...}
steht, also ist ["{$file}"]
falsch.
Speichern Sie die Datei.
Wechseln Sie zurück zu Ihrer html-Datei (in diesem Beispiel ist es "text.html"), und drücken Sie ctrl + shift + b um Ihre Seite in Ihrem Webbrowser anzuzeigen.
@InvisibleDev - um dies auf einem Mac zum Laufen zu bringen, versuche dies zu benutzen:
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
Wenn Sie Chrome bereits geöffnet haben, wird Ihre HTML-Datei in einem neuen Tab geöffnet.
Mit "STRG+SHIFT+P" können Sie die Befehlspalette aufrufen;
Das hängt natürlich davon ab, was Sie ausführen. In einer ASP.net-Anwendung können Sie beispielsweise eingeben:
>kestrel
und dann Ihren Webbrowser öffnen und localhost:(Ihr Port hier)
eintippen.
Wenn du >
eingibst, werden dir die show and run commands angezeigt
Oder in Ihrem Fall mit HTML, ich denke F5
nach dem Öffnen der Befehlspalette sollte den Debugger öffnen.
Quelle: [Link][1]