Dateien speichern in Visual Studio Code: Der ultimative Guide

Hier ist ein übersichtliches Tutorial, wie du Dateien in Visual Studio Code (VS Code) speicherst – von den Grundlagen bis hin zur Automatisierung.

Das Speichern von Code ist eine der wichtigsten Aufgaben in jedem Editor. VS Code bietet dir hierfür verschiedene Möglichkeiten, von manuellen Tastenkombinationen bis hin zum vollautomatischen Speichern.

1. Woran erkenne ich, dass eine Datei nicht gespeichert ist?

Bevor du speicherst, solltest du wissen, ob es überhaupt nötig ist. VS Code zeigt dir ungespeicherte Änderungen an zwei Stellen:

• Im Tab-Reiter: Ein weißer Punkt neben dem Dateinamen bedeutet, dass die Datei Änderungen enthält, die noch nicht gespeichert wurden.
• In der Seitenleiste (Explorer): Ein Kreis mit einer Zahl zeigt dir an, wie viele Dateien aktuell ungespeicherte Änderungen haben.

2. Manuelles Speichern (Der Standardweg)

Wenn du die volle Kontrolle behalten möchtest, nutzt du die klassischen Befehle:

• Einzelne Datei speichern:

  • Windows/Linux: Strg + S
  • macOS: Cmd + S
  • Alternativ: Menü Datei > Speichern

• Alle offenen Dateien gleichzeitig speichern:

  • Windows/Linux: Strg + K, dann S (nacheinander drücken)
  • macOS: Cmd + Option + S
  • Alternativ: Menü Datei > Alle speichern

3. Auto Save aktivieren (Die bequemste Methode)

Du kannst VS Code so einstellen, dass er deine Arbeit automatisch speichert. Das ist besonders nützlich, damit du das Speichern nie wieder vergisst.

So aktivierst du es:

1. Gehe auf Datei (File).
2. Klicke auf den Menüpunkt Auto Save. (Ein Häkchen daneben bedeutet, dass es aktiv ist.)

Feineinstellungen für Auto Save: Du kannst das Verhalten von Auto Save in den Einstellungen genauer festlegen:

1. Drücke Strg + , (Windows) oder Cmd + , (Mac), um die Settings zu öffnen.
2. Suche nach „Auto Save“.
3. Wähle eine der Optionen im Dropdown-Menü:
   • off: Manuelles Speichern erforderlich.
   • afterDelay: Speichert automatisch nach einer kurzen Zeitspanne (Standard: 1 Sekunde).
   • onFocusChange: Speichert, wenn du mit der Maus aus dem aktuellen Editor-Fenster klickst.
   • onWindowChange: Speichert, wenn du zu einem anderen Programm wechselst (z. B. zum Browser).

4. Fortgeschritten: Format on Save

Viele Entwickler nutzen VS Code so, dass der Code beim Speichern automatisch „aufgeräumt“ (formatiert) wird.

1. Öffne die Settings (Strg/Cmd + ,).
2. Suche nach Editor: Format On Save.
3. Aktiviere das Häkchen.
4. Ergebnis: Sobald du Strg + S drückst, werden Einrückungen und Abstände automatisch korrigiert.

5. Zusammenfassung der Tastenkürzel

Pro-Tipp: Wenn du Webentwicklung machst, ist die Kombination aus Auto Save (afterDelay) und einem Browser-Add-on wie „Live Server“ ideal. So siehst du deine Änderungen im Browser sofort, ohne jemals manuell speichern oder die Seite neu laden zu müssen!