Wie kann ich in Sublime Text eine eigene Snippet-Datei erstellen?

Melden
  1. Was sind Snippets in Sublime Text?
  2. Wo werden Snippets gespeichert?
  3. So öffnest du den User-Ordner für Snippets
  4. Erstellung einer eigenen Snippet-Datei
  5. Beispiel: Einfaches HTML-Snippet erstellen
  6. Speichern der Snippet-Datei
  7. Testen und Anwenden
  8. Zusammenfassung

Was sind Snippets in Sublime Text?

Snippets sind vordefinierte Textbausteine, die du in Sublime Text einfügen kannst, um wiederkehrende Code- oder Textpassagen schnell und effizient einzufügen. Damit sparst du Zeit beim Programmieren oder Schreiben und kannst deine Arbeitsabläufe optimieren.

Wo werden Snippets gespeichert?

Snippets werden in XML-Dateien mit der Endung .sublime-snippet gespeichert. Diese Dateien müssen an einem Ort abgelegt werden, an dem Sublime Text sie erkennt. Standardmäßig speichert man sie im User-Paket-Ordner, der sich je nach Betriebssystem an unterschiedlichen Speicherorten befindet. Am einfachsten lässt sich der Ordner über Sublime Text selbst erreichen.

So öffnest du den User-Ordner für Snippets

Öffne in Sublime Text das Menü Preferences und wähle Browse Packages.... Es öffnet sich ein Datei-Explorer oder Finder-Fenster, das den Ordner Packages anzeigt. Dort findest du den Ordner User. In diesem Ordner kannst du deine eigenen Snippet-Dateien erstellen und ablegen.

Erstellung einer eigenen Snippet-Datei

Um ein neues Snippet zu erstellen, öffne in Sublime Text eine neue Datei und beginne mit folgendem Grundaufbau (XML-Format):

<?xml version="1.0" encoding="UTF-8" ?><snippet> <content>

Die einzelnen Elemente bedeuten:

<content> enthält den Text oder Code, der eingefügt wird. Dieser wird innerhalb von geschrieben, damit Sonderzeichen keine Probleme verursachen.

<tabTrigger> definiert das Kürzel, das du in Sublime Text eintippst, um das Snippet auszulösen. Drückst du anschließend die Tab-Taste, wird das Snippet eingefügt.

<scope> legt fest, in welchen Dateitypen das Snippet verfügbar ist. Zum Beispiel source.python für Python-Dateien oder text.html für HTML. Wenn du das Snippet überall verfügbar machen willst, kannst du das Scope weglassen oder source verwenden.

<description> zeigt eine kurze Beschreibung des Snippets an, wenn du es auswählst.

Beispiel: Einfaches HTML-Snippet erstellen

Angenommen, du möchtest ein Snippet für eine HTML-Grundstruktur erstellen. So könnte der Inhalt der neuen Datei aussehen:

<?xml version="1.0" encoding="UTF-8" ?><snippet> <content>

In diesem Beispiel erzeugt das Kürzel html5base beim Tippen und Drücken der Tab-Taste die komplette HTML-Grundstruktur. Die Platzhalter ${1:Titel} und ${0} erlauben dir die schnelle Navigation mit der Tab-Taste innerhalb des Snippets, wobei ${1:Titel} den ersten Cursor-Fokus setzt mit einem Default-Wert "Titel" und ${0} den letzten Fokuspunkt markiert.

Speichern der Snippet-Datei

Speichere die Datei unter einem aussagekräftigen Namen mit der Endung .sublime-snippet im User-Ordner, z.B. html5base.sublime-snippet. Danach ist das Snippet sofort in Sublime Text verfügbar.

Testen und Anwenden

Öffne eine Datei des entsprechenden Typs (in unserem Beispiel eine HTML-Datei), tippe das Tab-Kürzel html5base und drücke die Tab-Taste. Der definierte Code-Schnipsel wird eingefügt, und du kannst die Platzhalter nacheinander mit Tab durchlaufen und anpassen.

Hinweis: Solltest du Änderungen an einem Snippet vornehmen, ist es manchmal notwendig, Sublime Text neu zu starten oder den Befehl Preferences > Reload Packages zu verwenden, damit die Änderungen übernommen werden.

Zusammenfassung

Das Erstellen eigener Snippet-Dateien in Sublime Text erfolgt durch das Anlegen einer XML-Datei mit der Endung .sublime-snippet, welche du im User-Paket-Ordner ablegst. Der Inhalt definiert das Snippet mit Textvorlage, Trigger-Kürzel, Anwendungsbereich und einer Beschreibung. Dadurch kannst du deine Arbeitsabläufe effizienter gestalten und häufig wiederkehrende Texte schnell einfügen.

0

Kommentare