Die Werkzeuge einrichten

Bis hierher war der Kurs Lesestoff. Ab jetzt brauchst du eine Umgebung, in der du selbst etwas tun kannst.

Vier Werkzeuge genügen. Alles andere kommt später und dann aus einem konkreten Bedarf heraus, nicht aus einer Liste.

Ein Fenster, in das man Befehle tippt. Es sieht abweisend aus und ist das schnellste Werkzeug, das du haben wirst.

Du brauchst am Anfang fünf Befehle. Mehr wirklich nicht.

Auf Windows heißt ls in PowerShell auch ls, und pwd funktioniert ebenfalls. Wer auf die alte Eingabeaufforderung stößt, sieht dort dir statt ls.

Lade ihn von code.visualstudio.com. Nach der Installation lohnen sich genau drei Einstellungen, und alle drei sparen später Ärger.

Erstens: automatisches Speichern einschalten. Sonst siehst du eine Änderung im Browser nicht und suchst eine Stunde nach einem Fehler, den es gar nicht gibt.

Zweitens: den Editor auch über das Terminal aufrufen können. Beim ersten Start bietet Visual Studio Code an, den Befehl code einzurichten. Nimm das an. Dann öffnet code . den aktuellen Ordner.

Drittens: eine Erweiterung für einheitliche Formatierung, üblicherweise Prettier. Sie beendet die Diskussion über Einrückungen, bevor sie anfängt.

Installiere die Fassung mit der geraden Nummer, also die mit langfristiger Unterstützung. Prüfe danach im Terminal:

node --version
npm --version

Kommen zwei Versionsnummern, ist es richtig. Kommt "Befehl nicht gefunden", schließe das Terminal und öffne es neu, denn die Änderung am Suchpfad greift erst in einem neuen Fenster.

Git hast du im Kapitel über die Auslieferung schon kennengelernt. Jetzt wird es eingerichtet.

Nach der Installation von git-scm.com sagst du Git einmalig, wer du bist. Das steht später in jedem Commit.

git config --global user.name "Dein Name"
git config --global user.email "deine@adresse.de"
git config --global init.defaultBranch main

Die dritte Zeile spart eine Warnung bei jedem neuen Projekt.

Jetzt bringst du alles zusammen. Im Terminal:

mkdir erstes-projekt
cd erstes-projekt
npm init -y
code .

Vier Zeilen: Ordner anlegen, hineinwechseln, eine Projektdatei erzeugen, den Editor öffnen. In der Datei package.json, die dabei entstanden ist, steht der Name des Projekts und später jede Abhängigkeit.

Drei Regeln, die dir viel Zeit sparen.

Lies die Fehlermeldung zu Ende. Die meisten sagen genau, was fehlt. Der Reflex, sie wegzuklicken und die Frage zu stellen, kostet mehr Zeit als das Lesen.

Wenn du eine Meldung nicht verstehst, suche mit dem wörtlichen Text danach, in Anführungszeichen. Nimm dabei die Teile heraus, die nur bei dir vorkommen, also Pfade und Namen.

Und wenn du gar nicht weiterkommst: Schließe das Terminal, öffne es neu und probiere es noch einmal. Bei Installationen, die den Suchpfad ändern, ist das erstaunlich oft die ganze Lösung.