Zum Inhalt springen
BlaupauseProgrammieren lernen

Setup

VS Code einrichten

Für HTML, CSS, JavaScript und Python brauchst du nichts davon — die laufen hier im Browser. Diese Seite ist für zwei Fälle: du willst zuhause richtig arbeiten, oder wir machen C#.

Bevor du anfängst

Auf Firmenrechnern darf man oft nichts installieren. Wenn eine Installation nach einem Admin-Passwort fragt: brich ab und sag mir Bescheid. Wir klären das dann über die richtige Stelle, statt dass du irgendwas umgehst. Bis dahin arbeitest du im Browser weiter, da fehlt dir nichts Wesentliches.

1. Visual Studio Code

VS Code ist ein Texteditor mit Werkzeugkasten. Er ist kostenlos und wahrscheinlich schon auf deinem Rechner — schau erst im Startmenü nach, bevor du etwas herunterlädst.

Falls nicht: code.visualstudio.com. Bei der Installation den Haken bei „Open with Code" zum Kontextmenü hinzufügensetzen — damit kannst du später jeden Ordner mit Rechtsklick öffnen.

Die drei Einstellungen, die sich sofort lohnen

Einstellungen öffnen mit Strg + ,, dann oben suchen:

  • Auto Save auf afterDelay — spart dir das ewige Strg+S.
  • Word Wrap auf on — lange Zeilen brechen um statt zu verschwinden.
  • Font Size auf etwas, das du entspannt lesen kannst. Wirklich.

2. Für HTML, CSS und JavaScript

Hier brauchst du nichts zu installieren — der Browser kann das schon. Eine Erweiterung lohnt sich trotzdem:

Live Server (von Ritwick Dey). Links auf das Bausteine-Symbol klicken, „Live Server" suchen, installieren. Danach kannst du eine HTML-Datei mit Rechtsklick →Open with Live Server öffnen. Die Seite lädt sich beim Speichern automatisch neu — also fast genauso bequem wie hier auf der Lernplattform.

3. Für Python

Zwei Schritte, in dieser Reihenfolge:

  1. Python von python.org.Wichtig: Beim Installieren ganz unten den Haken bei„Add python.exe to PATH" setzen. Ohne den findet VS Code Python später nicht, und das ist der mit Abstand häufigste Grund, warum es hängt.
  2. In VS Code die Erweiterung Python (von Microsoft) installieren.

Testen: Neue Datei test.py, hineinschreiben print("laeuft"), speichern, oben rechts auf den Abspiel-Pfeil. Wenn unten laeuft steht, passt es.

4. Für C#

C# braucht das .NET SDK. Das ist der größte Download auf dieser Seite und der, bei dem am ehesten die Rechte fehlen.

  1. .NET SDK von dotnet.microsoft.com— nimm die aktuelle LTS-Version.
  2. In VS Code die Erweiterung C# Dev Kit (von Microsoft) installieren.

Testen: Terminal in VS Code öffnen mit Strg + ö, dann:

dotnet new console -o HalloWelt
cd HalloWelt
dotnet run

Wenn Hello, World! erscheint, bist du fertig eingerichtet. Fallsdotnet nicht gefunden wird: VS Code komplett schließen und neu öffnen — der PATH wird erst beim Start gelesen.

Wenn etwas nicht klappt

Bring die Fehlermeldung mit. Nicht „es geht nicht", sondern den Text, der dasteht — Screenshot reicht. In neun von zehn Fällen steht die Antwort in der Meldung drin, und dir das zu zeigen ist nützlicher, als es für dich zu reparieren.