heroheman
8/21/2012 - 11:22 AM

Artikel: Sublime Text Plugins

Artikel: Sublime Text Plugins

plugins.md
content_copyfile_download
  • Rendered
  • Source

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.

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.

Inc-Dec-Value

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

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.

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.

Bracket Highlighter

Webentwicklung

ZenCoding

Mit ZenCoding 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>

Eine genauere Beschreibung was hier genau gemacht wird und möglich ist, findet sich im Repo.

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.

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.

jQuery Mobile Snippets

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

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.

Wordpress

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

Versionierung

...folgt

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.

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.

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.

Nettuts Fetch

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

Hier ein ausführlicher Artikel.

...Wird fortgesetzt.

Ich werde diesen Post wohl stetig aktualisieren. Ihr könnt diesen Beitrag auch direkt als Gist/Markdown runterladen.

Links