Aus dem Kurs: Grundlagen der Programmierung: Basiswissen
Visual Studio Code installieren
Wenn Sie GitHub Codespaces nicht nutzen können oder nutzen wollen, dann brauchen Sie eine eigene lokale Entwicklungsumgebung, die Sie herunterladen und einrichten. Das zeige ich Ihnen jetzt. Wenn Sie dagegen aber GitHub Codespaces schon nutzen, dann können Sie die nächsten Schritte einfach überspringen und direkt zum nächsten Kapitel weiter gehen. Ich nutze jetzt im Laufe dieses Trainings, und auch sonst im Alltag, Visual Studio Code ganz gerne. Das ist kostenlos von Microsoft und das gibt es für alle drei Betriebssysteme. Also für Linux, für Mac und auch für Windows natürlich. Gehen Sie dazu bitte nach "code.visualstudio.com" oder suchen Sie in der Suchmaschine Ihrer Wahl einfach nach VS Code oder nach Visual Studio und dann landen Sie genau auch auf dieser Seite. Bitte laden Sie sich dieses kostenlose Programm, diese Entwicklungsumgebung für Ihr Betriebssystem herunter und installieren Sie das Ganze, und wir schauen uns mal an, wie das ganze dann lokal aussieht. Das ist das Icon Visual Studio Code. Ich klicke mal doppelt drauf und jetzt bin ich hier in meinem Editor. Der hat verschiedene Bereiche. Oben ein ganz normales Menü, so wie wir das von anderen Programmen auch kennen. Hier wird später der einzelne Quelltext zu sehen sein. Klicken wir mal hier drauf und dann habe ich hier genau den Quelltext und hier passiert es dann, dass ich meine Änderungen eingebe. Wichtig ist hier, ganz links am Bildschirmrand habe ich noch verschiedene Bereiche beispielsweise den Datei Explorer. Wenn ich hier draufklicke, dann sehe ich eine Liste von Dateien in einem Verzeichnis und kann auf die einzelnen Dateien draufklicken und mir deren Inhalt anschauen. Wenn ich doppelt draufklicke, dann bleibt die Datei auch hier weiterhin geöffnet. Und jetzt kann ich hier verschiedene Dateien mir hier gleichzeitig anschauen. Also "conditions.html" sieht so aus, "datetime.html" sieht so aus. Wichtig ist, wenn Sie jetzt Visual Studio Code geöffnet haben, klicken Sie bitte zunächst einmal auf "File", dann gehen Sie auf "Open Folder" und jetzt können Sie in den Übungsdateien, die ich hier schon heruntergeladen habe, auf den Unterordner "code" gehen, klicken auf "Ordner auswählen", und wenn Sie jetzt den Explorer hier über dieses Icon links oben ein/ und ausschalten, dann sehen Sie die verschiedenen Übungsdateien für dieses Training. Und jetzt kann ich auf die einzelnen Dateien draufklicken, meine Änderungen durchführen, das ganze speichern, und mir direkt direkt anschauen.
Inhalt
-
-
-
-
-
Warum JavaScript?39 Sek.
-
Ihre ersten JavaScript-Befehle im Browser3 Min. 5 Sek.
-
Ihre ersten JavaScript-Befehle in GitHub Codespaces6 Min. 50 Sek.
-
Visual Studio Code installieren2 Min. 33 Sek.
-
Visual Studio Code einrichten und Live Server installieren4 Min. 56 Sek.
-
Ihre ersten JavaScript-Befehle in Visual Studio Code5 Min. 7 Sek.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-