Startseite » Toolkit » 10 Sublime Text Packages für Frontend-Entwickler

    10 Sublime Text Packages für Frontend-Entwickler

    Sublime Text ist einer der leistungsfähigsten Code-Editoren mit erstaunlichen Funktionen und kann durch die Installation noch leistungsfähiger werden Plugins oder Pakete. Diese Plugins fügen zusätzliche Funktionen zu Sublime Text hinzu. Und heute gibt es viele Plugins, die fast alle Ihre Codieranforderungen erfüllen.

    Eine gute Erweiterung finden könnte eine echte Herausforderung sein; Einige Erweiterungen wurden von ihren Entwicklern vollständig aufgegeben, während andere möglicherweise nicht mehr mit Sublime Text 3, der neuesten Version (zum Zeitpunkt der Veröffentlichung), kompatibel sind..

    Wenn Sie ein Frontend-Entwickler sind, haben wir einige Erweiterungen von Hand ausgewählt und in diesem Artikel für Sie zusammengestellt. Diese sind 10 Sublime Text Packages Frontend-Entwickler sollten es ausprobieren.

    Mehr auf Hongkiat.com:

    • 18 wesentliche Plugins, um mehr aus SublimeText herauszuholen
    • [So geht's] Arbeiten Sie mit Codeausschnitten in sublimem Text
    • [How To] Aktualisieren Sie Änderungen im Browser mit Sublime Text
    • [How To] Identifizieren Sie einen Codefehler in Sublime Text
    • Einfache Farbauswahl in erhabenem Text

    1. AlignTab

    AlignTab ist ein Plugin zum Ausrichten Ihrer Codes. Es hat ein “Vorschau Modus” So können Sie sehen, wie das Alignment angewendet wird (wenn die RegEx-Notation angegeben ist), bevor es tatsächlich angewendet wird. Es hat auch die “Tabellenmodus” Wille erlaubt es dir Richtige Ausrichtung für Tabellen im Markdown-Format festlegen, strukturiert mit Pipelines: |. AlignTab ist eine praktische Erweiterung, um Ihre Code-Ausrichtung aufzuräumen und das Lesen zu erleichtern.

    2. ColorHighlighter

    ColorHighlighter ist ein Plugin das zeigt ausgewählte Farbcodes mit ihrer visuellen Farbe. Wenn Sie auswählen “#F f f” Es zeigt Ihnen die Farbe Weiß. ColorHighlighter unterstützt alle CSS-Farbformate wie Hex, RGB, HSL, HSV und Include-Farbschlüsselwörter wie “rot”, “Grün”, usw. Außerdem werden Ihnen die Variablen LESS, Sass und Stylus angezeigt, die einen Farbwert enthalten. Es ist ein Plugin, mit dem Sie intuitiver mit Farben arbeiten können.

    3. MultiEditUtils

    Das MultiEditUtils-Plugin verbessert das integrierte SublimeText “Multi-Cursor” und “Mehrfachauswahl” Feature, das spart uns Zeit für Bearbeiten langer Codezeilen. Zum Beispiel: Sie können ausgewählte Zeilen zusammenführen oder austauschen, es verbessert auch SublimeText “Auswahl aufteilen” indem Sie die Notation angeben, um ausgewählte Zeilen zu teilen. Ich denke, es ist ein Muss für Pro-Codierer zu installieren.

    4. Git Gutter

    Wenn Sie mit Git arbeiten, ist Git Gutter ein zu installierendes Plug-In für Sublime Text. GitGutter zeigt eine Flagge im Rinnenbereich von irgendwelchen Änderungen, Ergänzungen oder Entfernungen, die Sie in Ihrem Code vorgenommen haben. Es ist ein nützlicher Code, um sofort den Vergleich zwischen Ihrer Code-Edition und Ihrem Commit, Zweig oder dem HEAD-Repository zu sehen.

    5. Mod

    Modific ist nützlich, wenn Sie Git oder SVN in Ihrer Arbeit verwenden. Genau wie GitGutter wird Modific eine Änderung in Ihren Codes markieren. Neben der Hervorhebung von Änderungen können Sie auch den Unterschied zwischen dem aktuellen Code und dem letzten Commit anzeigen oder vergleichen, indem Sie die Tastenkombination Strg + Alt + D drücken Vorschau des zugesagten Codes für die aktuelle Zeile ebenso gut wie Code-Änderungen rückgängig machen.

    6. Inc Dec Value

    Inc Dec Value ermöglicht es Ihnen erhöhen oder verringern Sie gleichzeitig die Anzahl, auch wenn sie sich in einer anderen Zeile befinden. Neben Zahlen können Sie auch den Wert von Datumsangaben und HEX-Farben ändern. Um dieses Plugin zu verwenden, richten Sie den Cursor im Allgemeinen rechts neben der Nummer und drücken Sie die Alt-Taste + ↑ um die Zahl oder Alt zu erhöhen + ↓ die Anzahl verringern. Sie können auch Ihr Mausrad verwenden.

    7. FileBrowser

    FileBrowser bietet einen neuen Weg Durchsuchen Sie Ihre Dateien und Ordner innerhalb Ihres Projektverzeichnisses. Wenn Sie dieses Plugin installieren, können Sie in einer neuen Seitenleiste auf Ihr Projektverzeichnis zugreifen und darin navigieren, ohne die Hände von der Tastatur wegzurühren - wie bei einem Pro-Codierer. Wenn Sie sich daran gewöhnen, kann dieses Plugin Ihren Arbeitsablauf schrittweise verbessern.

    8. IconFont

    IconFont bietet Ausschnitte für viele beliebte Symbolschriftarten wie FontAwesome, PaymentFont, Typicons und Github Octicons. Es funktioniert ähnlich wie normale HTML-Ausschnitte, wo Abkürzungen werden auf die gesamte Länge erweitert Klassen und HTML-Code für jedes Symbol.

    9. DistractionFreeWindow

    Obwohl Sublime Text eingebaut ist “Freie Ablenkung” Mit dieser Funktion können Sie sich auf den Code oder Inhalt konzentrieren, den Sie in diesem Modus eingeben, Die Minikarte, die Seitenleiste und alle anderen Registerkarten sind ausgeblendet. Ablenkungsfrei sollte nicht bedeuten, den Zugriff auf diese Funktionen zu verlieren. Hier kommt DistractionFreeWindow ins Spiel, um mehr Flexibilität in Bezug auf das Verhalten des Distraction Free-Modus zu bieten.

    10. Filterlinien

    Mit FilterLines können Sie die Zeilen in Ihrem Dokument nach den angegebenen Zeilen durchsuchen “Schlüsselwortfolge” oder “RegEx-Notation”. Es ist eine praktische Funktion für Umgang mit einer großen Menge an Rohdaten in Form von JSON, JavaScript Array, CVS.

    Bild mit freundlicher Genehmigung: David Peckham