Sublime Text 2 Project Bliss

Een van de vele dingen die me ertoe hebben gebracht te besluiten dat Sublime Text mijn beste teksteditor zou zijn, was de manier waarop je de inhoud van de lijst aan de linkerkant kon aanpassen. Ik had geen idee dat dit niveau van maatwerk beschikbaar was. Hier is een korte tutorial waarvan ik hoop dat ik je net zoveel zal helpen als ik.


Stap 1 - Een map toevoegen

Notitie: Als u al een project hebt ingesteld, gaat u verder met stap 3.

Nadat u Sublime-tekst hebt geopend, voegt u een map toe aan het project door op te drukken Ctrl + Shift + P (Cmd + Shift + p op Mac) om het handige Über Command-palet op te roepen, "Toevoegen" in te typen en vervolgens te raken invoeren.


Stap 2 - Sla het project op

Nu u een map aan het project hebt toegevoegd, opent u het opdrachtpalet opnieuw en typt u "Opslaan" (of Project: Opslaan als) om uw project op te slaan. We gaan dit bestand in de volgende stap bewerken.

Vergeet niet om uw projectbestand de te geven .sublieme projectuitbreiding. Waarschijnlijk zal dit voor u worden verstrekt.


Stap 3 - Leer het projectbestand kennen

Selecteer uit het menu Project -> Project bewerken om het projectbestand te bewerken dat u in stap 2 hebt opgeslagen. Of, natuurlijk, toegang tot dit vanuit het opdrachtenpalet.

Je zou nu iets soortgelijks als het volgende in je editorvenster moeten zien:

 "mappen": ["pad": "/ C / wamp / www / wordpress"]

Redelijk zelfverklarend, toch? U zult merken dat dit bestand, net als alle Sublime Text-goodies, is geformatteerd als JSON. Belast niet te veel, als je niet veel weet over JSON. Je zou in staat moeten zijn om erachter te komen hoe je verder gaat.

3.1 - Een specifieke map weergeven

Laten we het nu bijwerken zodat het verwijst naar onze themamap / map:

 "mappen": ["pad": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven"]

Houd nu de zijbalk aan de linkerkant in de gaten en druk op CTRL + S (Cmd + S op een Mac) om het bestand op te slaan. De zijbalk wordt onmiddellijk bijgewerkt met de nieuwe map.

Het volgende ding de moeite waard om te wijzen (als je nog niet hebt gemerkt) is dat de mappen object bestaat uit een array letterlijk (vermeld door de vierkante haken). Als je hebt doorgehaald dat dit betekent dat we meer dan één map voor ons project kunnen specificeren, dan zou je absoluut gelijk hebben. Laten we doorgaan en het proberen.

3.2 - Meerdere mappen toevoegen

Wees niet bang voor plugin-ontwikkelaars, we geven om jou ook, dus laten we onze plugins-directory toevoegen net zoals de themamap:

 "mappen": ["pad": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "path": "/ C / wamp / www / wordpress / wp-content / plug-ins "]

Sla het bestand opnieuw op en je zou het volgende moeten zien:


Stap 4 - Wat kunnen we anders doen??

Sublime Text 2 is een geweldige tool in je arsenaal voor webontwikkeling

Ik ben blij dat je het vroeg! Om te beginnen, binnen elk object in de mappen array, er zijn een paar verschillende opties beschikbaar voor ons:

  1. pad (string): laat je, zoals we hebben gezien, de map / map opgeven die in de zijbalk moet worden weergegeven
  2. (string): geef een naam op voor het item in de zijbalk
  3. file_exclude_patterns (array): geef de bestanden op die u wilt uitsluiten
  4. folder_exclude_patterns (array): geef de mappen op die u wilt uitsluiten

De pad is ons al bekend en de naam spreekt voor zich, dus laten we ingaan op de laatste twee.

4.1 - Bestanden uitsluiten

Geef het toe: er zijn enkele bestanden die u nooit zult bewerken, en deze bestanden hebben waarschijnlijk een verstopping van uw projectweergave. In plaats daarvan, waarom verbergen we ze niet, en dan, op de zeer zeldzame gelegenheid dat je ze echt moet bewerken, open ze dan handmatig.

Dit bit komt neer op voorkeur, maar hier zijn de bestanden die ik normaal uitsluit: '._', .bak, .ico, .sample, .swf, .tar, .tgz, bestanden die beginnen met 'WP-' (laten we de kernbestanden van WordPress niet bewerken) en tot slot, .ritssluiting bestanden. Om dit te doen, onze file_exclude_patterns array moet er als volgt uitzien:

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

4.2 - Exclusief mappen

Als u niet elk bestand afzonderlijk wilt opgeven, kunt u ervoor kiezen om mappen uit te sluiten. Dit is de lijst die ik over het algemeen gebruik:

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

Notitie: U moet het file_exclude_patterns en de folder_exclude_patterns voor elke map (zie het laatste voorbeeld hieronder).


Stap 5 - Maar wacht ... er is meer!

Anders dan de mappen optie, kunt u ook twee andere opgeven:

  1. instellingen: Elk van de gebruikelijke lijst met instellingen die u op projectspecifieke basis wilt toepassen, kan hier ingaan (bijvoorbeeld: tab_size).
  2. build_systems: Hiermee kunt u een projectspecifiek buildsysteem toevoegen (wat buiten het bestek van deze zelfstudie valt).

Ons definitieve projectbestand

Hier is een voorbeeld van wat jouw finale is .subliem-project bestand kan er uitzien (iets ingekort om beknopter te zijn):

 "mappen": [// thema "pad": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "name": "Twenty Eleven Theme", "file_exclude_patterns": [". _ * "," * .ico "," * .swf "]," folder_exclude_patterns ": [" images "], // map met plug-ins" pad ":" / C / wamp / www / wordpress / wp-content / plugins "," name ":" Plugins Folder "," file_exclude_patterns ": [" ._ * ", // u moet dit * nogmaals *" * .bak "," * .voorbeeld "," *. "," * .tgz "," * .zip "]," folder_exclude_patterns ": [" akismet "//, // voeg andere plug-ins toe die u wilt uitsluiten]]," instellingen ": " tab_size ": 4 

Concluderen

Notitie: Als je zin hebt om je Sublime Text 2 verder te gebruiken, blijf dan op de hoogte voor "Perfect Workflow in Sublime Text 2" - een gratis cursus van Tuts + Premium, die eind september komt.

Sublime Text 2 is een geweldige tool in je arsenaal voor webontwikkeling en de functies en mogelijkheden reiken veel verder dan deze tutorial. Voor meer informatie over wat het kan doen, zorg ervoor dat u in de documentatie graaft ... u vindt gegarandeerd enkele echte edelstenen die zich daar verbergen.

Links:

  • Documentatie: Zie hier en hier
  • Brondocumentatie voor dit artikel