Gibt es den Atom-Shortcut „Strg + Shift + /“ auch für VS Code? So kommentierst du Blöcke wie gewohnt

Als Entwickler wechseln wir oft zwischen verschiedenen Tools, Editoren und IDEs. Jedes dieser Werkzeuge hat seine Eigenheiten, seine Stärken und natürlich seine eigenen Tastenkombinationen. Wenn man von einem Editor wie Atom zu einem anderen Giganten wie Visual Studio Code wechselt, ist eine der ersten Hürden, die man überwinden muss, die Anpassung der Muskelgedächtnis an neue Shortcuts. Eine häufig gestellte Frage, besonders von ehemaligen Atom-Nutzern, dreht sich um den lieb gewonnenen Atom-Shortcut „Strg + Shift + /“ zum Kommentieren von Code. Gibt es ihn auch in VS Code? Und wie funktioniert das Kommentieren von Codeblöcken dort überhaupt?

Dieser Artikel beleuchtet genau diese Frage und geht weit darüber hinaus. Wir zeigen Ihnen nicht nur die Standard-Tastenkombinationen in VS Code, sondern auch, wie Sie Ihre gewohnten Shortcuts wiederherstellen können. Darüber hinaus tauchen wir tief in die Best Practices für Code-Kommentare ein, denn effektive Kommentare sind ein Zeichen von sauberem, wartbaren Code und ein unschätzbares Werkzeug für jedes Entwicklungsteam.

Der Atom-Kommentar-Shortcut: Mythos und Realität in VS Code

Lassen Sie uns gleich zur Sache kommen: Der spezifische Atom-Shortcut „Strg + Shift + /“ (oder „Cmd + Shift + /“ auf macOS), der in Atom dazu dient, sowohl Zeilen- als auch Blockkommentare je nach Kontext umzuschalten, existiert in VS Code nicht standardmäßig in derselben Form. Dies kann für Atom-Umsteiger anfangs etwas frustrierend sein, da dieser Shortcut im Entwickleralltag sehr häufig zum Einsatz kommt.

Doch keine Sorge! VS Code bietet eigene, sehr mächtige und flexible Tastenkombinationen zum Kommentieren, die sich nahtlos in den Workflow integrieren. Und das Beste: Wenn Sie den Atom-Shortcut *wirklich* vermissen, können Sie ihn in VS Code ganz einfach selbst einrichten. Aber dazu später mehr.

VS Codes Standard-Tastenkombinationen zum Kommentieren

VS Code unterscheidet standardmäßig zwischen zwei Haupttypen von Kommentaren und bietet dafür separate Tastenkombinationen. Diese Trennung ist in vielen Entwicklungsumgebungen üblich und bietet eine klare Unterscheidung zwischen kurzen Notizen und umfassenderen Code-Ausklammerungen.

1. Zeilenkommentare: Der schnelle Weg mit „Strg + /“ (oder „Cmd + /“)

Die am häufigsten genutzte Methode, um eine oder mehrere Zeilen zu kommentieren, ist der Zeilenkommentar. Dieser Shortcut funktioniert in fast allen Programmiersprachen, da VS Code sprachspezifisch das korrekte Kommentarzeichen einfügt (z.B. // für JavaScript/TypeScript/C#, # für Python, -- für SQL, // für Go usw.).

• Wie es funktioniert:
  • Setzen Sie Ihren Cursor in die Zeile, die Sie kommentieren möchten.
  • Drücken Sie Strg + / (Windows/Linux) oder Cmd + / (macOS).
  • Die Zeile wird mit dem entsprechenden Zeilenkommentarzeichen versehen (z.B. // Ihre Zeile Code;).
• Mehrere Zeilen kommentieren:
  • Markieren Sie einfach einen Block von Zeilen.
  • Drücken Sie Strg + / (Windows/Linux) oder Cmd + / (macOS).
  • Jede markierte Zeile wird einzeln auskommentiert.
• Kommentar entfernen:
  • Drücken Sie denselben Shortcut erneut auf einer kommentierten Zeile oder einem kommentierten Block, um die Kommentare wieder zu entfernen. Dies macht ihn zu einem praktischen Toggle-Schalter für Zeilenkommentare.

Diese Funktion ist unglaublich intuitiv und schnell. Sie ist ideal, um schnell eine Zeile auszuklammern, temporäre Notizen zu hinterlassen oder Debugging-Zwecke zu verfolgen.

2. Blockkommentare: Komplexere Abschnitte auskommentieren mit „Shift + Alt + A“

Für größere Codeblöcke, die Sie vollständig auskommentieren möchten, oder um mehrzeilige Erklärungen zu hinterlassen, sind Blockkommentare die bessere Wahl. VS Code bietet hierfür einen eigenen, dedizierten Shortcut.

• Wie es funktioniert:
  • Markieren Sie den gesamten Codeblock, den Sie als Blockkommentar behandeln möchten.
  • Drücken Sie Shift + Alt + A (Windows/Linux) oder Shift + Option + A (macOS).
  • VS Code fügt die entsprechenden Blockkommentarzeichen am Anfang und Ende des markierten Blocks ein (z.B. /* ... */ für JavaScript/C++/Java, für HTML, {* ... *} für Twig/Jinja).
• Kommentar entfernen:
  • Drücken Sie den Shortcut erneut auf einem Blockkommentar, um die Kommentarzeichen zu entfernen.

Blockkommentare sind besonders nützlich, wenn Sie ganze Funktionen oder Abschnitte Ihres Codes temporär deaktivieren möchten, ohne sie zu löschen, oder wenn Sie umfangreiche Erklärungen hinzufügen, die sich über mehrere Zeilen erstrecken.

Muskelgedächtnis bewahren: Atom-Shortcut in VS Code einrichten

Sie vermissen den Atom-Shortcut „Strg + Shift + /“ zum universellen Kommentieren? Keine Sorge, VS Code ist extrem anpassbar! Sie können Tastenkombinationen ganz einfach nach Ihren Wünschen ändern. Hier ist, wie Sie es machen:

Schritt-für-Schritt-Anleitung zur Anpassung der Keybindings:

1. Öffnen Sie die Tastenkombinationen:
   • Gehen Sie zu „Datei“ > „Einstellungen“ > „Tastenkombinationen“ (oder „File“ > „Preferences“ > „Keyboard Shortcuts“).
   • Alternativ können Sie den Shortcut Strg + K Strg + S (Windows/Linux) oder Cmd + K Cmd + S (macOS) verwenden.
2. Suchen Sie nach dem Befehl:
   • Im Suchfeld oben geben Sie „toggle block comment“ ein.
   • Sie sehen den Befehl editor.action.blockComment (oder ähnlich), der standardmäßig an Shift + Alt + A gebunden ist.
3. Weisen Sie den neuen Shortcut zu:
   • Klicken Sie mit der rechten Maustaste auf die Zeile des Befehls editor.action.blockComment und wählen Sie „Tastenzuordnung ändern“ (oder „Change Keybinding“).
   • Geben Sie in dem erscheinenden Feld die gewünschte Tastenkombination ein, also Strg + Shift + /. Bestätigen Sie mit Enter.
4. Überprüfen und ggf. Konflikte lösen:
   • VS Code wird Ihnen möglicherweise mitteilen, dass diese Tastenkombination bereits einem anderen Befehl zugewiesen ist (z.B. „view.find“ oder „workbench.action.gotoLine“).
   • Sie können dann entscheiden, ob Sie den ursprünglichen Befehl ungebunden lassen oder ihm eine neue Tastenkombination zuweisen möchten. Für die meisten Nutzer ist es sinnvoll, den Atom-Shortcut ausschließlich für Blockkommentare zu verwenden, da der Zeilenkommentar-Shortcut Strg + / bereits sehr intuitiv ist und keine Kollisionen verursacht.

Sie können diese Änderungen auch direkt in der keybindings.json-Datei vornehmen, die sich öffnet, wenn Sie in den Tastenkombinationen oben rechts auf das Icon mit der geschweiften Klammer klicken. Fügen Sie einfach einen Eintrag wie diesen hinzu:

[
    {
        "key": "ctrl+shift+slash",
        "command": "editor.action.blockComment",
        "when": "editorTextFocus && !editorReadonly"
    }
]

Speichern Sie die Datei, und Ihre neue Tastenkombination ist sofort aktiv! Beachten Sie, dass der Atom-Shortcut eine universelle Lösung für Zeilen- und Blockkommentare war, während Sie in VS Code den Blockkommentar-Befehl neu zuweisen. Der Zeilenkommentar-Befehl bleibt bei Strg + /.

Warum Kommentieren so wichtig ist: Best Practices für Entwickler

Unabhängig davon, welchen Shortcut Sie verwenden, ist das Kommentieren von Code eine grundlegende Fähigkeit, die oft unterschätzt wird. Gute Kommentare verbessern die Lesbarkeit, die Wartbarkeit und die Zusammenarbeit in jedem Softwareprojekt erheblich.

Warum kommentieren?

• Verständnis: Erklären Sie komplexe Logik, Algorithmen oder Designentscheidungen, die nicht sofort aus dem Code ersichtlich sind.
• Wartbarkeit: Erleichtern Sie zukünftigen Entwicklern (oder Ihrem zukünftigen Ich!), den Code zu verstehen und zu ändern.
• Zusammenarbeit: Helfen Sie Teammitgliedern, schnell in neue Codeabschnitte einzusteigen.
• Debugging: Temporäre Kommentare können beim Isolieren von Fehlern nützlich sein.
• Dokumentation: Generieren Sie Dokumentationen aus Ihren Kommentaren (z.B. JSDoc, PHPDoc, Python Docstrings).

Was sollte kommentiert werden?

• „Warum” nicht „Was”: Kommentieren Sie nicht, *was* der Code tut (das sollte der Code selbst durch gute Benennung und Struktur zeigen), sondern *warum* er es tut oder welche Annahmen getroffen wurden.
• Komplexe Algorithmen: Erklären Sie komplizierte oder ungewöhnliche mathematische oder logische Operationen.
• Randbedingungen und Ausnahmen: Beschreiben Sie, warum bestimmte Fehlerbehandlungen oder spezielle Fälle existieren.
• TODOs, FIXMEs, HACKs: Markieren Sie Stellen, die noch Arbeit benötigen, Fehler aufweisen oder temporäre Lösungen sind. VS Code Extensions wie „Better Comments“ können diese hervorheben.
• Öffentliche APIs/Funktionen: Beschreiben Sie den Zweck, Parameter und Rückgabewerte von Funktionen, besonders wenn sie von anderen Modulen oder Teams genutzt werden.
• Abkürzungen oder Domain-spezifische Begriffe: Erklären Sie Abkürzungen oder Fachbegriffe, die nicht allgemein bekannt sind.

Was sollte NICHT kommentiert werden?

• Offensichtlicher Code: // i = i + 1; // Inkrementiere i ist ein schlechtes Beispiel. Der Code ist selbsterklärend.
• Veralteter Code: Löschen Sie alten Code, anstatt ihn auszukommentieren. Versionskontrolle (Git) ist dafür da, den Verlauf zu speichern.
• Redundante Informationen: Wiederholen Sie nicht einfach den Code in Worten.

Arten von Kommentaren und erweiterte Nutzung

• Inline-Kommentare: Kurze Anmerkungen innerhalb einer Codezeile.

  const user = getUserData(); // Daten vom Backend abrufen

• Blockkommentare: Für längere Erklärungen oder um Codeabschnitte zu deaktivieren.

  /*
   * Diese Funktion berechnet den Gesamtpreis inklusive Steuern
   * unter Berücksichtigung von Rabatten.
   */
  function calculateTotalPrice(price, taxRate, discount) { ... }

• Dokumentationskommentare (Docstrings): Spezielle Kommentare, die von Tools zur Generierung von API-Dokumentationen verwendet werden. (z.B. JSDoc in JavaScript, PyDoc in Python, PHPDoc in PHP). VS Code bietet oft Snippets oder Extensions, um diese zu vereinfachen.

  /**
   * Berechnet die Summe zweier Zahlen.
   * @param {number} a - Die erste Zahl.
   * @param {number} b - Die zweite Zahl.
   * @returns {number} Die Summe von a und b.
   */
  function add(a, b) {
      return a + b;
  }

Tools und Extensions für ein besseres Kommentieren in VS Code

VS Code bietet eine reiche Auswahl an Erweiterungen, die Ihre Kommentarerfahrung weiter verbessern können:

• Better Comments: Diese beliebte Erweiterung ermöglicht es Ihnen, Kommentare in verschiedenen Farben zu kennzeichnen, je nach Typ (z.B. TODOs, FIXMEs, Warnungen, Abfragen). Dies macht das schnelle Scannen von Kommentaren und wichtigen Notizen im Code wesentlich einfacher.
• Document This (JavaScript/TypeScript): Generiert automatisch JSDoc-Kommentare für Funktionen, Klassen oder Methoden. Sie müssen dann nur noch die Beschreibungen und Parameterdetails ausfüllen.
• ESLint / Prettier: Obwohl keine reinen Kommentar-Tools, können Linter und Code-Formatter wie ESLint und Prettier dabei helfen, eine konsistente Formatierung für Kommentare im gesamten Projekt zu gewährleisten.

Häufige Probleme und Tipps für das Kommentieren in VS Code

• Falscher Sprachmodus: Wenn die Kommentare nicht richtig funktionieren, stellen Sie sicher, dass VS Code die korrekte Sprache für die geöffnete Datei erkannt hat. Unten rechts in der Statusleiste sehen Sie den aktuellen Sprachmodus (z.B. „JavaScript”, „Python”). Klicken Sie darauf, um ihn zu ändern, falls nötig.
• Tastenkombinationskonflikte: Wenn ein Shortcut nicht wie erwartet funktioniert, überprüfen Sie Ihre Tastenkombinationen auf Konflikte (siehe Abschnitt zur Anpassung der Keybindings).
• Cursorposition: Bei einigen Sprachen und Blockkommentaren ist die genaue Position des Cursors oder der Auswahl wichtig. Experimentieren Sie kurz, um das gewünschte Verhalten zu erzielen.

Fazit: Flexibilität und Kontrolle über Ihre Kommentare

Auch wenn der Atom-Shortcut „Strg + Shift + /“ in Visual Studio Code nicht standardmäßig existiert, bietet VS Code mit seinen intuitiven Standard-Tastenkombinationen und der extrem flexiblen Anpassung der Keybindings eine noch leistungsfähigere Umgebung für das Kommentieren von Code. Sie können problemlos Ihre bevorzugten Shortcuts einrichten und so Ihre Produktivität aufrechterhalten.

Viel wichtiger als der genaue Shortcut ist jedoch die bewusste Praxis des effektiven Kommentierens. Nutzen Sie Kommentare, um Ihr „Warum” zu erklären, komplexe Logik zu entschlüsseln und die Wartbarkeit Ihres Codes zu gewährleisten. Mit den richtigen Gewohnheiten und VS Codes mächtigen Werkzeugen wird das Kommentieren zu einem integralen und wertvollen Teil Ihres Entwicklungsworkflows.

Also, keine Angst vor dem Wechsel! VS Code ist bereit, sich an Ihre Gewohnheiten anzupassen und Ihnen dabei zu helfen, besseren, verständlicheren Code zu schreiben – mit oder ohne dem geliebten Atom-Shortcut.