Sublime Text 2, mein aktueller Lieblings Editor ist ein mächtiges Gerät und als größter Vorteil auch noch erweiterbar. Ich kann mir allerdings vorstellen, dass gerade ein erstmaliger Benutzer sich vielleicht nicht direkt in den Editor einarbeiten kann. Nachfolgend also mal eine Liste mit Dingen, die Anfängern, und vielleicht auch erfahrenen Nutzern helfen kann.

Update 05.01.2016: Den Beitrag aus historischen Gründen behalten, allerdings dürfte er schon stark veraltet sein
Update 05.03.2013: Zen Coding durch Emmet ersetzt, Live Reload hinzugefügt, Visuell überarbeitet

Die wichtigsten Plugins

Essentielle Plugins, ohne die niemand anfangen sollte. Sofern nicht anders angegeben, sind alle Plugins via Package Control verfügbar.


Allgemein


Package Control

Das wahrscheinlich wichtigste Plugin ganz am Anfang - das Plugin was andere Plugins lädt und aktualisiert. Package Control lässt sich direkt über die Sublime Text 2 Konsole installieren. Dort folgende Zeile einfügen und Enter drücken.

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

Dann STRG+SHIFT+P / CMD+SHIFT+P drücken, "install" eingeben und ihr könnt die Liste mit verfügbaren Plugins durchsuchen. Alternativ auch über "Preferences -> Package Control". Weitere Optionen stehen hier beschrieben.

Visit Site


Inc-Dec-Value

Kleines Plugin - großer Nutzen. Schnell Zahlen erhöhen, wie man es aus Firebug kennt. Klappt auch hervorragend mit Multiselection

Github


Singleline

Ursprünglich ein Plugin, was ich mir selbst rudimentär gebaut habe, wurde dank Github inzwischen weiter ausgebaut und überarbeitet, weshalb man es auch auf die Allgemeinheit loslassen kann.

Plugin


Gist

Die Code Snippet Verwaltung Gist von Github ist an sich bereits nicht schlecht, aber dieses Plugin macht es erst richtig gut. Warum habe ich ja bereits an dieser Stelle beschrieben.

Github


Bracket Highlighter

Braucht man nicht viel zu sagen. Bessere Hervorhebung von Klammern. Das Bild zeigt eigentlich auch schon alles.

Github


Webentwicklung


Emmet (ehemals Zen Coding)

Mit Emmet lässt sich bequem mit einem Einzeiler komplexe HTML Elemente erstellen. So wird aus

div.content>h2{Headline}+ul.list>li.item.item-$*7>a{lorem ipsum dolor}

mit einem Tastendruck (Tab oder Alt+Enter) folgendes:

<div class="content">
    <h2>Headline</h2>
    <ul class="list">
        <li class="item item-1"><a href="">lorem ipsum dolor</a></li>
        <li class="item item-2"><a href="">lorem ipsum dolor</a></li>
        <li class="item item-3"><a href="">lorem ipsum dolor</a></li>
        <li class="item item-4"><a href="">lorem ipsum dolor</a></li>
        <li class="item item-5"><a href="">lorem ipsum dolor</a></li>
        <li class="item item-6"><a href="">lorem ipsum dolor</a></li>
        <li class="item item-7"><a href="">lorem ipsum dolor</a></li>
    </ul>
</div>

Nachtrag: Die Funktionalitäten wurden mit Emmet stark erweitert. Es wurden viele Trigger hinzugefügt, einfach mal in die Emmet Dokumentation schauen.

Plugin


Prefixr

Wer keinen Bock mehr auf Vendor-Prefixes hat, dem ist Prefixr zu empfehlen. Prinzip: CSS3 Eigenschaft (ohne -moz, -webkit, etc) eingeben, Plugin starten und die dazugehörigen -webkit's, -moz's und -o's werden hinterhergeworfen. Easygoing.

Das Plugin zapft die Prefixr API von Nettuts an und bietet auch deren Voreinstellungen an. Benutzen und hoffen, dass die ganze Prefix Affäre sich sehr schnell erledigt.

Plugin


Live Reload

Dieses Plugin aktualisiert mithilfe eines dazugehörigen Browserplugins (siehe Github) die Seite nach jeder Änderung. Ermöglicht schnelles aktualisieren von Projekten.

Github


Browser Refresh

Im Gegensatz zu Live Reload wird hier die Änderung nicht automatisch getriggert, sondern über einen Shortcut. Plugin


Snippet Pakete


jQuery

Essentielle Snippet Sammlung für die jQuery Programmierung. Enthält neben einer Vielzahl von Snippets auch die jQuery Documentation und Syntax Highlighting.

Github


jQuery Mobile Snippets

jQuery Mobile Snippets für das mobile Framework. Von mir bislang kaum getestet, da scheint aber brauchbar zu sein.

Github


HTML5 Snippets

Snippets, Snippets und noch mehr Snippets... Kommt, genau wie jQuery Snippets, von mrmartineeau. Alle Snippets für HTML5 - im wesentlichen ein Must-Have. So.

Github


Wordpress

Wer öfters mit Wordpress arbeitet z.B. Theme Entwicklung wird dieses Package sicherlich zu schätzen wissen.

Github


Sonstiges


SFTP

Das einzige kostenpflichtige Plugin was ich soweit benutze und auch empfehlen kann. Direkt mit FTP verbinden, Synchronisieren, Ordner mit Remote mappen, File Monitoring... hat man sich erstmal dran gewöhnt, öffnet man ein FTP Programm nur noch wenn es um die Strukturierung von Ordnern geht, das bietet die minimale Oberfläche leider noch nicht wirklich. Ansonsten ein sehr praktisches Premium Plugin. Da es von den Package Control Entwickler kommt, ist es natürlich auch darüber erhältlich.

Plugin


CodeIntel

CodeIntel ist mächtig. Wer einen Ersatz für eine IDE braucht, sollte sich CodeIntel definitiv angucken, da es um einige IDE Features erweitert wird.

  • Jump to Symbol Definition - Jump to the file and line of the definition of a symbol.
  • Imports autocomplete - Shows autocomplete with the available modules/symbols in real time.
  • Function Call tooltips - Displays information in the status bar about the working function.
  • Unterstützt: PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.

Github


Sublime Linter

Ein Linter für alles. Wer Sublime Text ernsthaft als IDE nutzen will, kommt um Sublime Linter nicht herum. Der Linter nutzt zum Teil mitgelieferte Linting Plugins wie jshint oder csslint, in manchen Fällen muss aber auch auf die Sprachen-spezifischen Module verlinken. Für PHP also in den Plugin Einstellungen auf PHP verlinken - es wird php -l genutzt. Für die Konfiguration wird man nicht um die Anleitung auf GitHub herum kommen, aber wenn es läuft will man es nicht mehr wissen. Zur vollständigen IDE fehlt dann eigentlich nur noch ein Debugger.

Github


Nettuts Fetch

Mit Fetch lassen sich schnell Bibliotheken wie z.B. jQuery importieren.

Nettuts Fetch - Artikel

Links