Bevor wir jetzt eine neue Datei erzeugen, benötigen wir das passende Hilfsmittel, damit wir später von VS Code aus direkt den Browser starten können, in dem wir das JavaScript-Programm ausführen wollen.
Klicke dazu oben in der Menüleiste auf Run und im sich öffnenden Menü ganz unten auf Install Additional Debuggers . Es gibt da ein reichhaltiges Angebot. Für uns interessant sind nur die Erweiterungen für einen der Browser, die wir benutzen, das sind meistens Microsoft Edge, Google Chrome und Mozilla Firefox.
Blättere dich durch das Angebot und suche den Browser aus, den du verwenden willst. Dann klicke dort auf Install.
Kurze Zeit später ist VS Code bereit, deine späteren Programme im entsprechenden Browser zu starten. Und nun fangen wir endlich an mit unserem Projekt.
Klicke unter Start auf New File .
Die neue Datei sollte nun gleich unter dem passenden Namen gespeichert werden, damit VS Code weiß, mit welcher Art von Sprache wir arbeiten wollen.
Klicke im Menü auf File und dann auf Save As .
Gib den Namen index.html ein und klicke dann auf Speichern .
Alternative Variante
Alternativ kannst du auch ganz links (im Explorer) neben Projekte auf das erste Symbol klicken. Hier lässt sich dann auch direkt ein neuer Name eingeben. Den Typ erkennt VS Code an der Endung.