WEBDESIGN

Sublime Text — Webentwicklers bester Freund!

Sublime Text ist ein sehr performanter und für alle Plattformen verfügbarer Texteditor. Dabei bietet Sublime Text eine Menge Funktionen und Helferlein, die das Leben eines jeden Webentwicklers erleichtern. Mittlerweile ist der Editor schon lange kein Geheimtipp mehr, trotzdem möchte ich ihn in diesem Artikel ein wenig vorstellen.

sublime

Sublime Text

Sublime Text kann von jedem heruntergeladen und getestet werden, wer eine Lizenz erwerben möchte muss aber 79$ bezahlen. Die kostenlose Sharewareversion kann aber ohne Einschränkungen und Zeitlimit verwendet werden. Trotzdem sind die 79$ sehr gut investiert, wenn man viel mit Editor arbeitet. Außerdem unterstützt man den Entwickler, der einen wirklich großartigen Job leistet.

Besonderheiten

Sublime Text erlaubt das Öffnen und Bearbeiten mehrer Dateien zur gleichen Zeit. Dies ist besonders praktisch, wenn man z.B. auf einer Seite das HTML Markup und auf der anderen Seite das zugehörige CSS Stylesheet offen hat. Je nach Bildschirmgröße sind auch 3 Spalten möglich, ohne dass der Editor unübersichtlich wirkt.

sublime-2

Ebenfalls sehr nützlich ist die Instant Project Switch  Funktion. Manchmal arbeitet man nicht nur an einem Projekt, sondern gleichzeitig an mehreren. Von großen IDEs wie z.B. Netbeans kennt man die Möglichkeit, unterschiedliche Projekte zu verwalten. Sublime Text bietet eine ähnliche Möglichkeit und erlaubt die Zuordnung von bestimmten Dateien zu Projekten. Somit kann man mit wenigen Mausklicks alle Dateien zu einem Projekt laden, aber auch wieder schließen.

Ein weiteres, sehr geniales Feature, ist die Möglichkeit der Multi-Selektion, d.h. es können mehrer Stellen im Dokument gleichzeitig angewählt und bearbeitet werden. Damit hat man die Möglichkeit in mehrere Zeilen gleichzeitig zu schreiben, oder eine Variable schnell im ganzen Dokument umzubenennen.

Plugins

Für Sublime Text gibt es jede Menge nützliche Plugins. Im Folgenden werden kurz drei sehr nützliche vorgestellt, natürlich gibt es noch eine Menge mehr!

Package Control
Dieses Plugin ist dazu da, um andere Plugins zu verwalten und sehr einfach installieren zu können. Mit Package Control ist es möglich, Plugins direkt aus dem Editor heraus zu installieren. Ebenso ist es möglich, andere Plugins ohne einen einzigen Mausklick binnen Sekunden zu installieren. Außerdem sorgt Package Control dafür, dass alle Plugins immer auf dem neusten Stand sind.

Emmet
Emmet ist eines meine Lieblingsplugins, mit Emmet ist es möglich sehr schnell HTML, CSS und Javascript Code zu erzeugen. Zum Thema Zen Coding gab es auf Staticfloat vor einiger Zeit bereits einen Artikel, Emmet ist nun der Nachfolger und bietet noch einiges mehr an Features.

So hat man nun die Möglichkeit, erstellte HTML Elemente direkt mit einem Platzhalter Inhalt zu befüllen. Lästiges Lorem Ipsum Copy und Paste, gehört damit der Vergangenheit an.

Beispiel: (+[TAB] steht für das Drücken der [TAB]-Taste)

p*4>lorem+[TAB]

Wird automatisch zu:
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum alias officiis assumenda officia quibusdam deleniti eos cupiditate dolore doloribus!</p>
<p>Ad dolore dignissimos asperiores dicta facere optio quod commodi nam tempore recusandae. Rerum sed nulla eum vero expedita ex delectus voluptates rem at neque quos facere sequi unde optio aliquam!</p>
<p>Tenetur quod quidem in voluptatem corporis dolorum dicta sit pariatur porro quaerat autem ipsam odit quam beatae tempora quibusdam illum! Modi velit odio nam nulla unde amet odit pariatur at!</p>
<p>Consequatur rerum amet fuga expedita sunt et tempora saepe? Iusto nihil explicabo perferendis quos provident delectus ducimus necessitatibus reiciendis optio tempora unde earum doloremque commodi laudantium ad nulla vel odio?</p>

Auch komplexere Ausdrücke sind kein Problem. Wenn man möchte übernimmt Emmet auch das Vendor Prefixing von bestimmten CSS3 Eigenschaften automatisch.

Bracket Highlighter

Bracket Highlighter ist ein Plugin, dass einem Anfangs- und Endtags, Quotes und Klammerungen anzeigt. Zwar verfügt Sublime Text standardmäßig über ein ähnliches Feature, Bracket Highlighter geht aber noch einen Schritt weiter und hilft einem sehr dabei die Übersicht nicht zu verlieren.

bracket-highlight
Quelle: https://github.com/facelessuser/BracketHighlighter#bracket-plugin

Alternative Notepad++

Die wohl meistgenutzte Alternative (zumindest auf Windows) ist Notepad++. Notepad++ ist ebenfalls ein sehr guter Editor, der komplett kostenlos und frei zur Verfügung steht. Auch ich nutze Notepad++ noch ab und zu, muss aber sagen, dass meine Tendenz hin klar zu Sublime Text geht.

Sublime Text fühlt sich meiner Meinung nach einfach noch ein Stück flüssiger und performanter an. Zwar gibt es für Notepad++ auch viele Plugins, trotzdem gefällt mir persönlich die Handhabung bei Suplime Text besser.



Kommentare ( 3 Kommentare )

  • Nico Schmitz Antworten ↓

    Hallo,

    wer eine wirklich gute, kostenlose IDE sucht, ist mit Aptana wirklich voll und ganz bedient!

    LG Nico Schmitz

  • Siegbert Redlich Antworten ↓

    Sieht ziemlich spartanisch aus und strotzt für mein Empfinden nicht gerade mit Funktionalitäten.
    Da können Andere mit deutlich mehr aufwarten und vor allem für NULL.
    So beispielsweise RJ TextEd oder Codelobster PHP Edition.
    Mein persönlicher Favorit ist allerdings schon seit langem der kostenpflichtige phpDesigner.

  • ukejika Antworten ↓

    how to know this in English pls

Schreib einen Kommentar