Erhabener Text - Schnipsel

Snippets sind intelligente Vorlagen, die bei Bedarf wiederverwendet werden können. Der Sublime-Texteditor enthält eine Snippets-Funktion für HTML-Vorlagen. In diesem Kapitel erfahren Sie mehr darüber.

Snippets verstehen

Snippets sind einfache XML-unterstützte Dateien mit verschiedenen Attributen. Sie enthalten eine Erweiterung namenssublime-snippet. Das Root-Tag des XML-Elements ist das<snippet>Etikett. Erstellte Snippets werden im gespeichertPackages Ordner und gelten als in diesem Ordner leben.

Das Dateiformat und die Syntax von Snippets werden wie folgt ausführlich erläutert:

  • Content −Dieser Abschnitt enthält eine Beschreibung des Snippets.

  • tabTrigger - Es enthält eine Folge von Zeichen, die beim Schreiben des Snippets ausgelöst werden.

  • Scope - Es definiert den Bereich, in dem das Snippet aktiv bleibt.

  • Description- Es enthält die gesamte Meta-Beschreibung. Es wird angezeigt, wenn das Snippet-Menü geöffnet ist.

Erstes Snippet erstellen

Sie können das Standard-Snippet mit erstellen Tools → Developer → Snippet Möglichkeit.

Anschließend wird ein Demo-Snippet mit den zugehörigen Tags erstellt (siehe unten).

Klicken Sie auf, um ein erstes Snippet im Sublime Text-Editor zu erstellen Tools Menü und wählen Sie die Snippets Option aus dem Dropdown-Fenster, wie im Screenshot hier gezeigt.

Nun wählen Sie Snippet:html aus den angezeigten Optionen.

Dadurch wird ein Standard-Snippet für die angegebene HTML-Datei erstellt (siehe unten).

Beachten Sie, dass es verschiedene Snippets für verschiedene Dateitypen gibt. Für HTML-Dateien in der Codebasis sind im Sublime Text-Editor drei Snippets definiert, wie unten gezeigt.

Paketsteuerungs-Snippets

Kontrollschnipsel werden hauptsächlich für die Produktentwicklung verwendet. Mitinstall packages Mit der Option im Sublime-Editor können Sie jedes für die Webentwicklung erforderliche Snippet herunterladen und installieren.

Möglicherweise benötigen Sie die folgenden Pakete für die Webentwicklung:

  • EverCodeLab Sublime unterstützt Ruby on Rails
  • Zusätzliche PHP-Snippets für PHP
  • HTML-Schnipsel für HTML-Dateien
  • Twitter Bootstrap-Snippets für Twitter Bootstrap
  • JavaScript-Snippets für JS-Dateien
  • jQuery-Snippets-Paket für jQuery