Erhabener Text 2 Projektglück

Eines der vielen Dinge, die mich zu der Entscheidung führten, dass Sublime Text zu meinem bevorzugten Texteditor werden sollte, war die Art und Weise, wie Sie die in der Dateiliste auf der linken Seite angezeigten Einstellungen anpassen können. Ich hatte keine Ahnung, dass dieses Maß an Anpassung verfügbar war. Hier ist ein kurzes Tutorial, von dem ich hoffe, dass es Ihnen genauso hilft wie mir.


Schritt 1 - Ordner hinzufügen

Hinweis: Wenn Sie bereits ein Projekt eingerichtet haben, fahren Sie mit Schritt 3 fort.

Wenn Sie Sublime Text öffnen, fügen Sie dem Projekt einen Ordner hinzu, indem Sie drücken Strg + Umschalttaste + P (Befehlstaste + Umschalttaste + p auf dem Mac), um die über-handliche Befehlspalette aufzurufen, "Hinzufügen" einzugeben und dann zu schlagen Eingeben.


Schritt 2 - Speichern Sie das Projekt

Nachdem Sie dem Projekt einen Ordner hinzugefügt haben, rufen Sie die Befehlspalette erneut auf und geben Sie "Speichern" (oder Projekt: Speichern unter) ein, um das Projekt zu speichern. Wir werden diese Datei im nächsten Schritt bearbeiten.

Vergessen Sie nicht, Ihrer Projektdatei die .sublime-Projekterweiterung. Wahrscheinlich wird dies für Sie bereitgestellt.


Schritt 3 - Machen Sie sich mit der Projektdatei vertraut

Wählen Sie im Menü Projekt -> Projekt bearbeiten um die in Schritt 2 gespeicherte Projektdatei zu bearbeiten. Sie können diese natürlich auch über die Befehlsleiste aufrufen.

Sie sollten jetzt in Ihrem Editorfenster etwas ähnliches sehen:

 "Ordner": ["Pfad": "/ C / wamp / www / wordpress"]

Ziemlich selbsterklärend, richtig? Sie werden feststellen, dass diese Datei wie alle Sublime Text-Goodies als JSON formatiert ist. Überfordern Sie nicht zu viel, wenn Sie nicht viel über JSON wissen. Sie sollten in der Lage sein, es im Laufe der Zeit herauszufinden.

3.1 - Anzeigen eines bestimmten Ordners

Lassen Sie uns es jetzt so aktualisieren, dass es auf unseren Themenordner / das Verzeichnis zeigt:

 "Ordner": ["Pfad": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven"]

Behalten Sie nun die linke Seitenleiste im Auge und drücken Sie Strg + S (Cmd + S auf einem Mac), um die Datei zu speichern. Die Seitenleiste wird sofort mit dem neuen Ordner aktualisiert.

Als Nächstes ist es wichtig, darauf hinzuweisen (wenn Sie es noch nicht bemerkt haben) Ordner Das Objekt besteht aus einem Array-Literal (in eckigen Klammern angegeben). Wenn Sie herausgefunden haben, dass wir für unser Projekt mehr als einen Ordner angeben können, dann sind Sie absolut korrekt. Lasst uns weitermachen und es versuchen.

3.2 - Mehrere Ordner hinzufügen

Fürchte dich nicht vor Plugin-Entwicklern, wir kümmern uns auch um dich, also fügen wir unser Plugin-Verzeichnis hinzu ebenso gut wie der themenordner:

 "Ordner": ["Pfad": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "path": "/ C / wamp / www / wordpress / wp-content / Plugins"  ] 

Speichern Sie die Datei erneut und Sie sollten Folgendes sehen:


Schritt 4 - Was können wir sonst noch tun??

Sublime Text 2 ist ein erstaunliches Werkzeug in Ihrem Webentwicklungsarsenal

Ich bin froh, dass du gefragt hast! Für den Anfang in jedem Objekt in der Ordner Array gibt es verschiedene Möglichkeiten für uns:

  1. Pfad (string): Wie Sie gesehen haben, können Sie den Ordner / das Verzeichnis angeben, das in der Seitenleiste angezeigt werden soll
  2. (Zeichenfolge): Geben Sie einen Namen für das Element in der Seitenleiste an
  3. file_exclude_patterns (Array): Geben Sie die auszuschließenden Dateien an
  4. folder_exclude_patterns (Array): Geben Sie die auszuschließenden Ordner an

Das Pfad ist uns schon vertraut, und die Name ist selbsterklärend, also lasst uns die letzten beiden betrachten.

4.1 - Dateien ausschließen

Geben Sie es zu: Es gibt einige Dateien, die Sie einfach nie bearbeiten werden, und diese Dateien stören wahrscheinlich die Projektansicht. Warum verstecken wir sie nicht, und öffnen Sie sie bei der seltenen Gelegenheit, die Sie tatsächlich bearbeiten müssen, manuell.

Dieses Bit hängt von der Präferenz ab, aber hier sind die Dateien, die ich normalerweise ausschließe: '._', .bak, .ico, .sample, .swf, .tar, .tgz, Dateien, die mit beginnen 'wp-' (Lassen Sie uns nicht die WordPress-Kerndateien bearbeiten) und zum Schluss, .Postleitzahl Dateien. Um dies zu tun, unsere file_exclude_patterns Das Array sollte folgendermaßen aussehen:

 "file_exclude_patterns": ["._ *", "* .bak", "* .ico", "* .sample", "* .swf", "* .tar", "* .tgz", "wp- * .php "," * .zip "]

4.2 - Ohne Ordner

Wenn Sie nicht jede Datei einzeln angeben möchten, können Sie stattdessen Ordner ausschließen. Diese Liste verwende ich normalerweise:

 "folder_exclude_patterns": ["cgi-bin", "wp-admin", "wp-include"]

Hinweis: Sie müssen das angeben file_exclude_patterns und das folder_exclude_patterns für jeden Ordner (siehe letztes Beispiel unten).


Schritt 5 - Aber warte ... es gibt noch mehr!

Anders als die Ordner Option können Sie auch zwei andere angeben:

  1. die Einstellungen: Hier können Sie die übliche Liste der Einstellungen eingeben, die Sie projektspezifisch anwenden möchten (z. B. tab_size).
  2. build_systems: Damit können Sie ein projektspezifisches Build-System hinzufügen (das über den Rahmen dieses Tutorials hinausgeht).

Unsere abschließende Projektdatei

Hier ist ein Beispiel für dein Finale .sublime-projekt Datei könnte aussehen (etwas gekürzt, um knapper zu sein):

 "Ordner": [// Thema "Pfad": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "name": "Twenty Eleven Theme", "file_exclude_patterns": [". _ * "," * .ico "," * .swf "]," folder_exclude_patterns ": [" images "], // Plugins-Ordner" path ":" / C / wamp / www / wordpress / wp-content / plugins "," name ":" Plugins Folder "," file_exclude_patterns ": [" ._ * ", // müssen Sie dieses * noch einmal angeben *" * .bak "," * .sample "," * .tar "," * .tgz "," * .zip "]," folder_exclude_patterns ": [" akismet "//, // fügen Sie andere Plugins hinzu, die Sie ausschließen möchten]]," settings ": " tab_size ": 4 

Schlussfolgern

Hinweis: Wenn Sie sich danach sehnen, Ihren Sublime Text 2 weiter zu nutzen, bleiben Sie für "Perfect Workflow in Sublime Text 2" auf dem Laufenden - ein frei zugänglicher Kurs von Tuts + Premium, der Ende September erscheint.

Sublime Text 2 ist ein erstaunliches Werkzeug in Ihrem Webentwicklungsarsenal, dessen Funktionen und Möglichkeiten weit über dieses Tutorial hinausgehen. Um mehr darüber zu erfahren, was Sie tun können, sollten Sie unbedingt in der Dokumentation herumgraben. Hier finden Sie garantiert echte Juwelen.

Links:

  • Dokumentation: Hier und hier
  • Quelldokumentation für diesen Artikel