Sublime Text 2 Proiectul Bliss

Unul dintre multe lucruri care m-au determinat să decid că textul Sublim va fi editorul meu de text de alegere a fost modul în care puteai personaliza ceea ce apare în lista de fișiere din stânga. Nu aveam idee că acest nivel de personalizare era disponibil. Iată un scurt tutorial care sper că vă va ajuta la fel de mult ca și mine.


Pasul 1 - Adăugarea unui dosar

Notă: Dacă aveți deja un proiect setat, treceți la Pasul 3.

După deschiderea textului Sublime, adăugați un dosar la proiect apăsând Ctrl + Shift + P (Cmd + Shift + p pe Mac) pentru a afișa Paleta de comandă la îndemână, tastând "Add" și apoi apăsând introduce.


Pasul 2 - Salvați Proiectul

Acum, dacă ați adăugat un dosar în proiect, aduceți din nou paleta de comandă și tastați "Save" (sau Project: Save As) pentru a salva proiectul. Vom edita acest fișier în pasul următor.

Nu uitați să dați fișierul proiectului dvs. .extinderea proiectului sublim. Probabil, acest lucru vă va fi oferit.


Pasul 3 - Cunoașteți fișierul de proiect

Din meniu, selectați Proiect -> Editați proiectul pentru a edita fișierul de proiect pe care l-ați salvat în Pasul 2. Sau, desigur, accesați acest lucru din paleta de comandă.

Acum ar trebui să vedeți ceva similar cu următorul text în fereastra editorului:

 "foldere": ["cale": "/ C / wamp / www / wordpress"]

Destul de explicativ, nu? Veți observa că, la fel ca în cazul tuturor textelor sublime, acest fișier este formatat ca JSON. Nu stresați prea mult, dacă nu știți prea multe despre JSON. Ar trebui să-ți dai seama când mergi.

3.1 - Afișarea unui dosar particular

Acum, actualizați-o astfel încât să indice directorul tematic / directorul nostru:

 "foldere": ["cale": "/ C / wamp / www / wordpress / wp-content / teme / twentyeleven"

Acum, ține ochii pe bara laterală din stânga și lovește Ctrl + S (Cmd + S pe un Mac) pentru a salva fișierul. Bara laterală va fi actualizată instantaneu cu noul dosar.

Următorul lucru care merită să fie arătat (dacă nu ați observat deja) este că dosare Obiectul este alcătuit dintr-o matrice literală (notată de parantezele pătrate). Dacă ați dat seama că acest lucru înseamnă că putem specifica mai mult de un dosar pentru proiectul nostru, atunci ar fi absolut corect. Să mergem mai departe și să o dăm.

3.2 - Adăugarea mai multor foldere

Nu te teme de dezvoltatorii plugin-urilor, ne pasă și de tine, așa că hai să adăugăm directorul nostru de pluginuri precum și dosarul tematic:

 "calea": "/ C / wamp / www / wordpress / wp-content /" / " pluginuri "

Salvați din nou fișierul și ar trebui să vedeți următoarele:


Pasul 4 - Ce altceva putem face?

Sublime Text 2 este un instrument uimitor în arsenalul dvs. de dezvoltare web

Mă bucur că ai întrebat! Pentru început, în cadrul fiecărui obiect din dosare array, există câteva opțiuni diferite disponibile pentru noi:

  1. cale (șir): După cum am văzut, vă permite să specificați directorul / directorul care va fi afișat în bara laterală
  2. (șir): Specificați un nume pentru elementul din bara laterală
  3. file_exclude_patterns (matrice): Specificați fișierele pe care să le excludeți
  4. folder_exclude_patterns (array): Specificați dosarele pe care să le excludeți

cale este deja cunoscut de noi, și Nume este auto-explicativă, așa că să săpăm în ultimele două.

4.1 - Excluderea fișierelor

Recunoașteți: există câteva fișiere pe care nu le veți edita niciodată, iar aceste fișiere sunt, probabil, aglomerate în vizualizarea proiectului dumneavoastră. În schimb, de ce nu-i ascundem, iar apoi, într-o ocazie foarte ciudată de care trebuie să le editați, deschideți-le manual.

Acest bit se reduce la preferință, dar aici sunt fișierele pe care le exclud în mod obișnuit: '.', .bak, .ico, .sample, .swf, .tar, .tgz, fișiere care încep cu 'Wp-' (să nu mergem la editarea fișierelor de bază WordPress) și, în final, .zip fișiere. Pentru a face acest lucru, noastre file_exclude_patterns array ar trebui să arate după cum urmează:

 "* .fr", "* .tar", "* .tgz", "wp-file_exclude_patterns": " * .php "," * .zip "]

4.2 - Excluderea dosarelor

Dacă nu doriți să specificați fiecare fișier individual, puteți alege să excludeți dosarele. Aceasta este lista pe care o folosesc în general:

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

Notă: Trebuie să specificați file_exclude_patterns si folder_exclude_patterns pentru fiecare dosar (a se vedea exemplul final de mai jos).


Pasul 5 - Dar așteptați ... Mai mult!

Altele decât dosare opțiune, puteți specifica și alte două:

  1. setări: Orice listă obișnuită de setări pe care doriți să o aplicați pe baza unui proiect specific poate fi introdusă aici (de exemplu: tab_size).
  2. build_systems: Acest lucru vă permite să adăugați un sistem de construcție specific proiectului (care depășește domeniul de aplicare al acestui tutorial).

Fișierul nostru final de proiect

Iată un exemplu despre ceea ce este final .sublimă-proiect fișierul ar putea să arate (redus ușor pentru a fi mai succint):

 "folderele": [// temă "cale": "/ C / wamp / www / wordpress / wp-content / tematici / twentyeleven", "nume": "Twenty Eleven Theme", "file_exclude_patterns": [. _ "," * .ico "," * .swf "]," folder_exclude_patterns ": [" imagini "], // plugin-uri" cale ":" / C / wamp / www / wordpress / wp-content / plugins "," name ":" Folderul Plugins "," file_exclude_patterns ": [" ._ * ", // trebuie să specificați acest * din nou *" * .bak "," *. "," * .tgz "," * .zip "]," folder_exclude_patterns ": [" akismet "//, adăugați orice alte pluginuri pe care doriți să le exclude]]," settings ": " tab_size ": 

A concluziona

Notă: Dacă vă deranjează să vă folosiți în continuare textul Sublim 2, rămâneți la "Perfect Workflow in Sublime Text 2" - un curs gratuit de la Tuts + Premium, care vine în sfârșitul lunii septembrie.

Sublime Text 2 este un instrument uimitor în arsenalul dvs. de dezvoltare web, iar caracteristicile și posibilitățile sale sunt mult mai accesibile decât acest tutorial. Pentru mai multe informații despre ceea ce poate face, asigurați-vă că ați săpat în documentația ... sunteți gata să găsiți niște pietre reale care se ascund acolo.

Link-uri:

  • Documentație: Vezi aici și aici
  • Documentație sursă pentru acest articol
Cod