5 Dinge, von denen Sie nicht wussten, dass Sublime Text 2 sie kann

Sublime Text 2 ist weit mehr als nur ein Texteditor. Es kombiniert atemberaubende Leistung mit einem riesigen Funktionsumfang. Es gibt unzählige Artikel und Blog-Beiträge, die Ihnen den Einstieg in diesen Editor erleichtern und Ihnen einige der bekannten Funktionen wie die Befehlspalette und den Dateischalter beibringen. Dieser Artikel geht einen etwas anderen Weg und zeigt Ihnen einige der weniger bekannten Nuggets, mit denen Sie das Beste aus diesem allmächtigen Editor herausholen können.

  • Lesen Sie alle unsere Webdesign-Artikel Hier

01. Pfadparadies

Das SidebarEnhancements-Plugin bietet großartige Funktionen zum Kopieren von Pfaden

Taco Bell Logo schwarz und weiß
Das SidebarEnhancements-Plugin bietet großartige Funktionen zum Kopieren von Pfaden

Dateipfade sind vielleicht nicht die sexieste Sache der Welt, aber es ist sicher ein Problem, sie auszutippen - insbesondere, wenn Sie sie ständig als Tags in Ihren HTML-Code aufnehmen müssen. Glücklicherweise ist Sublime Text 2 da, um Ihnen den Schmerz aus den Pfaden zu nehmen.

Für diesen Tipp müssen Sie das Plugin SidebarEnhancements installieren. Der einfachste Weg, dies zu tun, ist mit Will Bonds Paketkontrolle ::



  1. Folge den Anweisungen
  2. Starten Sie nach der Installation die Befehlspalette ( cmd / Strg + Umschalt + P. ) und eingeben Installieren in die automatische Vervollständigung
  3. Art SidebarEnhancements in die nächste automatische Vervollständigung, die erscheint und trifft eingeben in das Plugin laden

Habe es? Gut. Jetzt erstellen wir eine neue JavaScript-Datei und speichern sie irgendwo in Ihrem Projekt. Starten Sie die Befehlspalette ( cmd / Strg + Umschalt + P. ) und tippe ein Dateikopie . Siehe, eine Reihe von Kopieroptionen für Ihr Einfügevergnügen! Die gebräuchlichste und flexibelste Option, die Sie verwenden werden, ist wahrscheinlich die Datei: Pfad aus Projekt kopieren . Auf diese Weise erhalten Sie einen Pfad zu Ihrem Projekt, den Sie in Ihren RequireJS- oder AMD-Modul-Includes verwenden können.

Wenn Sie Ihre Ressourcen manuell zu Ihrem HTML-Code hinzufügen, können Sie den Pfad aus dem Projekt verwenden, um die zu füllen src Attribut Ihres Skript-Tags, aber Sie können noch einen Schritt weiter gehen. Wenn Sie eine JavaScript-Datei anzeigen, können Sie auswählen Datei: Als Tag-Skript kopieren . Sie haben dann ein vorgefertigtes Skript-Tag mit dem richtigen src Attribut bereit, direkt in Ihr HTML einzufügen. Das gleiche gilt für CSS-Dateien Datei: Als Tag-Stil kopieren um ein vollständig geformtes Stylesheet zu erhalten Etikett.

Pro-Tipp: Wie der Name schon sagt, eröffnen die SidebarEnhancements eine Vielzahl von Optionen für Dateien in der Sidebar. Klicken Sie mit der rechten Maustaste auf eine Datei und stöbern Sie herum.

02. Mehrfachauswahl einschränken

Das

Die Option 'Groß- und Kleinschreibung beachten' in der Symbolleiste 'Suchen' begrenzt die Mehrfachauswahl

Eine der besten Funktionen von Sublime Text 2 ist die Mehrfachauswahl. Sie können mehrere Cursor verwenden, mit denen Sie kopieren, einfügen, bearbeiten und löschen können. Die häufigste Form der Mehrfachauswahl ist Quick Add Next ( cmd / Strg + D. ), wodurch automatisch das nächste Vorkommen von dem hinzugefügt wird, was Sie ausgewählt haben.

Das ist toll. Wenn Sie jedoch versuchen, eine Variable umzubenennen, fügen Sie manchmal eine Auswahl hinzu, die die richtigen Wörter mit der falschen Groß- und Kleinschreibung enthält. Schauen wir uns ein Beispiel an:

var stringHelper = new StringHelper(); stringHelper.extend(someOtherStringHelper); return stringHelper;

Stellen Sie sich vor, wir wollten unsere umbenennen stringHelper Variable im obigen Code. Wir wählen die erste aus stringHelper nach dem wo , aber dann, wenn wir Schnell Weiter hinzufügen Durch den Code erhalten wir die StringHelper Klasse und StringHelper von someOtherStringHelper auch ausgewählt. Wir könnten diese mit Quick Skip Next ( cmd / Strg + K. ), aber wenn Ihr Refactor ziemlich groß ist, kann dies etwas langweilig sein.

Stellen wir stattdessen sicher, dass wir nur die Variable selbst auswählen, indem wir die Groß- und Kleinschreibung aktivieren. Rufen Sie die Suchfunktion mit auf cmd / Strg + F. Schalten Sie dann die Groß- / Kleinschreibung durch Drücken ein cmd + alt + C. unter Mac OS X oder ( alt + C. unter Linux / Windows). Drücken Sie Flucht aus Find herauskommen. Wenn wir dann unsere Mehrfachauswahl erneut versuchen, wählen wir nur die Variable aus.

Pro-Tipp: Sie können auch aktivieren Nur ganzes Wort Auswahl mit der gleichen Methode, aber mit der Verknüpfung cmd + alt + W. ( alt + W. unter Linux / Windows). Dies würde ausschließen someOtherStringHelper nur im obigen Beispiel.

03. Beschleunigen Sie Ihre Entwicklung mit Snippets

Snippets haben eine benachbarte Beschreibung in der automatischen Vervollständigung des Editors

Snippets haben eine benachbarte Beschreibung in der automatischen Vervollständigung des Editors

Einige der besten Programmierer beschreiben sich oft als faul. Warum? Weil sie immer nach Wegen suchen, um nicht mehr zu arbeiten als nötig. Eine gute Möglichkeit, Ihre Ausgabe zu beschleunigen, besteht darin, die Leistung von Snippets zu nutzen.

Sublime Text 2 enthält eine Reihe von Snippets, die Sie aktivieren können, indem Sie einfach die ersten Buchstaben des gewünschten Codes eingeben, bis die automatische Vervollständigung eine Snippet-Option anzeigt, und dann drücken eingeben . Geben Sie beispielsweise ein Spaß in einer JavaScript-Datei und der Funktion Das Snippet wird in der automatischen Vervollständigung angezeigt. Schlagen eingeben fügt an dieser Stelle eine neue Funktion mit dem ausgewählten Funktionsnamen ein. Geben Sie den Namen Ihrer Funktion ein und drücken Sie Tab und die Argumente werden ausgewählt. Geben Sie die Argumente ein und drücken Sie Tab wieder, und Sie sind im Funktionskörper bereit zu gehen. Es ist kaum vorstellbar, dass eine Funktion schneller erstellt werden kann.

Die integrierten Snippets sind großartig, aber um diese Funktion wirklich optimal zu nutzen, können Sie Ihre eigenen schreiben. Wählen Sie dazu Neues Snippet ... Klicken Sie im Menü Extras auf eine Snippet-Vorlage. Legen Sie Ihr Snippet in die CDATA Abschnitt, mit $ {n: Standard} um die Registerkartenpunkte zu definieren, wo n ist die Nummer des Tabulators und Standard ist der Standardwert für diesen Registerkartenpunkt. Sie können dann die einstellen tabTrigger und Bereichsfelder unten, um zu bestimmen, wann Ihr Snippet ausgelöst wird (verwenden cmd / ctrl + / die Felder auskommentieren).

Wenn Sie mit Ihrem Snippet fertig sind, speichern Sie es in Ihrem Nutzer Paket mit der Erweiterung .sublime-Snippet .

wie man ein Buchillustrator wird

04. Slice-and-Dice-Ausgabedateien

Verwenden Sie die Kraft von Snippets, um Ihre Eingabe zu reduzieren

Verwenden Sie die Kraft von Snippets, um Ihre Eingabe zu reduzieren

Das haben wir alle schon durchgemacht. Es ist spät, Sie haben ein dringendes Problem, das Sie beheben müssen, und Ihre einzige Informationsquelle ist ein großer Fat Server-Dump. Nehmen wir an, Sie müssen das bekommen IDs aller Kunden aus dem Londoner Büro aus diesem Protokoll unten:

bester Punkt und Dreh für Video 2014
ZeitstempelICH WÜRDEOrtIP
...
2012-17-01: 12: 5418974London128.04.12.4
2012-17-01: 12: 5682346Lissabon116.42.2.1
2012-17-01: 12: 5723683Madrid83.17.11.94
2012-17-01: 13: 0116392London128.8.12.2
2012-17-01: 13: 0357692London192.14.66.2
...

Sie können mühsam Zeile für Zeile durch das Protokoll gehen und jedes kopieren und einfügen Ich würde aus London. Wenn das Protokoll jedoch Hunderte von Zeilen lang ist, ist dies keine unterhaltsame Art, Ihren Freitagabend zu verbringen. Nutzen wir stattdessen Sublime Text, um die harte Arbeit für uns zu erledigen. Stecke einen Cursor in das Wort London in der Ausgabedatei, dann drücken Sie cmd + Strg + G. (oder ein lt + F3 unter Windows / Linux), um alle auszuwählen London 's. Schlagen Sie die linker Pfeil Um den Cursor an den Wortanfang zu bewegen, verwenden Sie Umschalt + Alt + Links um den Nachbarn auszuwählen Ich würde . Bingo! Sie können jetzt Ihre Auswahl kopieren, eine neue Datei öffnen und einfügen.

...
18974
16392
57692
...

Verwenden Sie die Sortieren / Eindeutige Linien Befehle in der Befehlspalette, um die Ausgabe aufzuräumen und Duplikate zu vermeiden. Von hier aus können Sie nach dem ein Komma einfügen Ich würde s und verwenden Sie die Linien verbinden Befehl, um sie für eine SQL-Anweisung vorzubereiten, oder formatieren Sie sie, wie Sie möchten.

Profi-Tipp: Wenn Sie finden wollten Ich würde s von Kunden in London UND Lissabon können Sie die Regex-Suche verwenden ( cmd + alt + R. für Mac OS X oder alt + R. unter Linux / Windows) über die Suchfunktion, nach der gesucht werden soll L .... n stattdessen.

05. Projekte und Hot Exit

Verwenden Sie Projekte, um Ihren Arbeitsbereich zu organisieren und Einstellungen anzupassen

Verwenden Sie Projekte, um Ihren Arbeitsbereich zu organisieren und Einstellungen anzupassen

Viele integrierte Entwicklungsumgebungen (IDEs) unterstützen die Vorstellung eines 'Projekts', aber Sublime Text 2-Projekte sind glücklicherweise einfach. Während Sie in einem Ordner arbeiten, können Sie auswählen Speichern als... Klicken Sie im Menü Projekt auf, um Ihr aktuelles Setup beizubehalten. Sobald dies erledigt ist, können Sie Ordner über das Menü Projekt zum Projekt hinzufügen und daraus entfernen oder für eine wirklich fein abgestimmte Steuerung die öffnen .sublime-Projekt Datei selbst.

Sublime-Projektdateien sind einfach JSON-Konfigurationsdateien, die standardmäßig nur anzeigen, welche Ordner Sie in Ihrem Projekt haben. Für jeden Ordner können Sie auch a angeben folder_exclude_patterns Schlüssel mit einem Array, das alle Ordnermuster enthält, die Sie ausschließen möchten, z. B. [ bauen , Log ].

Neben Ordnern können Sie auch angeben die Einstellungen , wodurch Ihre Benutzereinstellungen überschrieben werden. Dies ist eine großartige kleine Funktion, wenn Sie an einem Projekt mit einer anderen Registerkartengröße als der normalen Einstellung zusammenarbeiten.

Wenn Sie als Freiberufler an mehreren Projekten arbeiten, können Sie mit Sublime Text 2 ganz einfach zwischen diesen wechseln cmd + Strg + P. ( Strg + Alt + P. unter Linux / Windows), um den Projektumschalter aufzurufen und zwischen Ihren aktiven Projekten zu wechseln. Hier ist der Kicker: Wenn Sie sich mitten in einer Reihe von Änderungen befinden und temporäre Registerkarten geöffnet haben, aber etwas in einem anderen Projekt überprüfen möchten, müssen Sie nicht alles speichern. Mit Sublime Text 2 können Sie zwischen Projekten wechseln oder die Anwendung sogar vollständig schließen. Wenn Sie zu Ihrem Projekt zurückkehren, ist es genau so, wie Sie es verlassen haben.

Ich hoffe, dass Sie, selbst wenn Sie ein erfahrener Sublime Text 2-Veteran sind, etwas aus diesem Artikel gelernt haben. Sublime Text 2 ist ein äußerst leistungsfähiger Editor, der jedoch eine weitaus sanftere Lernkurve aufweist als Hardcore-Texteditoren wie Vim und Emacs. Als solches ist es leicht zu fühlen, dass Sie 'genug wissen', aber ein bisschen Stöbern in den Menüs, der Befehlspalette und den Einstellungen liefert oft saftige Leckerbissen, um Ihre Entwicklung zu beschleunigen. Erforschen Sie weiter!

Alastair Lockie ist ein JavaScript-Entwickler bei Brandwatch unten im sonnigen Brighton. Er glaubt fest an die Bedeutung von Werkzeugen und ist immer hungrig nach neuen Tricks, um die Entwicklung zu beschleunigen.

Mochte dies? Lese das!