Code-Editor

Visual Studio Code ist ein kostenloser Editor, der viele Programmiersprachen unterstützt und mit Plugins erweitert und angepasst werden kann.

Hier eine kleine Installationsanleitung für Windows-PC ohne Administratorrechte:

  1. Visual Studio Code hier herunterladen (Windows, 64 bit, Zip)
  2. Zip-Datei in einen Ordner VSCode entpacken
  3. Im Ordner VSCode einen neuen Ordner data erstellen (Portable-Modus)
  4. Code.exe ausführen, um den Editor zu starten

Um den Editor optimal nutzen zu können, sollten man noch ein paar Plugins (extensions) installieren:

  • ESLint: Fehlerüberprüfung für JavaScript-Code
  • HTMLHint: Fehlerüberprüfung für HTML
  • Prettier: Code richtig formatieren und einrücken
  • EditorConfig: Einstellungen für den Editor aus Datei laden
  • Live Server: kleiner Web-Server

Sogenannten Linter helfen dabei, Fehler im Code frühzeitig zu erkennen. Das erspart viel Ärger und Arbeit bei der Fehlersuche.

💡 Es gibt in Visual Studio Code vor allem eine wichtige Tastenkombination: Strg + Shift + P öffnet das Befehlsmenü, über das man schnell häufig genutzte Funktionen aufrufen kann. So muss man sich keine hundert Tastenkombinationen merken, sondern kann einfach eingeben, was man gerne tun möchte.

Weitere gute Code-Editoren sind Sublime Text, Notepad++, Atom, Coda und Brackets.