Sublime Text 2 Project Bliss

Una delle tante cose che mi hanno portato a decidere che Sublime Text sarebbe stato il mio editor di testo preferito era il modo in cui si poteva personalizzare ciò che è mostrato nella lista dei file sulla sinistra. Non avevo idea che questo livello di personalizzazione fosse disponibile. Ecco un breve tutorial che spero ti aiuterà tanto quanto me.


Passaggio 1: aggiunta di una cartella

Nota: Se hai già un progetto configurato, vai al passaggio 3.

All'apertura di Sublime Text, aggiungi una cartella al progetto premendo Ctrl + Shift + P (Cmd + Shift + p su Mac) per richiamare l'über Command Palette, digitando "Aggiungi" e quindi premendo accedere.


Passaggio 2: salva il progetto

Ora che hai aggiunto una cartella al progetto, richiama di nuovo la palette comandi e digita "Salva" (o Progetto: Salva come) per salvare il tuo progetto. Stiamo andando a modificare questo file nel passaggio successivo.

Non dimenticare di fornire il file di progetto .estensione del progetto sublime. Probabilmente, questo sarà fornito per te.


Passaggio 3: conoscere il file di progetto

Dal menu, selezionare Progetto -> Modifica progetto per modificare il file di progetto salvato nel passaggio 2. O, naturalmente, accedere a questo dalla palette dei comandi.

Ora dovresti vedere qualcosa di simile al seguente nella finestra dell'editor:

 "cartelle": ["percorso": "/ C / wamp / www / wordpress"]

Giustamente auto esplicativo, giusto? Noterai che, come con tutti gli extra del testo Sublime, questo file è formattato come JSON. Non stressarti troppo, se non sai molto su JSON. Dovresti riuscire a capirlo mentre vai avanti.

3.1 - Visualizzazione di una cartella particolare

Passiamo ora all'aggiornamento in modo che punti alla cartella / cartella dei temi:

 "cartelle": ["percorso": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven"]

Ora, tieni d'occhio la barra laterale a sinistra e colpisci Ctrl + S (Cmd + S su un Mac) per salvare il file. La barra laterale verrà aggiornata immediatamente con la nuova cartella.

La prossima cosa che vale la pena sottolineare (se non l'hai già notato) è che il cartelle l'oggetto è costituito da un array letterale (indicato dalle parentesi quadre). Se hai capito che questo significa che possiamo specificare più di una cartella per il nostro progetto, allora saresti assolutamente corretto. Andiamo avanti e provaci.

3.2 - Aggiunta di più cartelle

Non preoccuparti degli sviluppatori di plug-in, ci preoccupiamo anche di te, quindi aggiungiamo la nostra directory dei plugin così come la cartella dei temi:

 "cartelle": ["percorso": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "percorso": "/ C / wamp / www / wordpress / wp-content / plugin "]

Salva di nuovo il file e dovresti vedere quanto segue:


Passaggio 4: cosa altro possiamo fare?

Sublime Text 2 è uno strumento straordinario nel tuo arsenale di sviluppo web

Sono contento che tu abbia chiesto! Per i principianti, all'interno di ogni oggetto nel cartelle array, ci sono alcune diverse opzioni a nostra disposizione:

  1. sentiero (stringa): Come abbiamo visto, ti permette di specificare la cartella / directory da mostrare nella barra laterale
  2. (stringa): specificare un nome per l'elemento nella barra laterale
  3. file_exclude_patterns (array): specifica i file da escludere
  4. folder_exclude_patterns (matrice): specificare le cartelle da escludere

Il sentiero ci è già familiare, e il nome è auto esplicativo, quindi approfondiamo gli ultimi due.

4.1 - Esclusione di file

Ammettilo: ci sono alcuni file che non dovrai mai modificare, e questi file probabilmente ingombrano la tua vista del progetto. Invece, perché non li nascondiamo, e poi, nella stranissima occasione in cui hai effettivamente bisogno di modificarli, aprili manualmente.

Questo bit si riduce alle preferenze, ma qui ci sono i file che in genere escludo: '._', .bak, .ico, .sample, .swf, .tar, .tgz, file che iniziano con 'WP' (non andiamo a modificare i file core di WordPress) e infine, .cerniera lampo File. Per fare questo, il nostro file_exclude_patterns array dovrebbe apparire come segue:

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

4.2 - Cartelle escluse

Se non si desidera specificare singolarmente ciascun file, è possibile scegliere di escludere le cartelle. Questa è la lista che uso generalmente:

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

Nota: Devi specificare il file_exclude_patterns e il folder_exclude_patterns per ogni cartella (vedi l'esempio finale di seguito).


Passo 5 - Ma aspetta ... C'è di più!

Altro che il cartelle opzione, puoi anche specificarne altre due:

  1. impostazioni: Qualsiasi delle solite liste di impostazioni che si desidera applicare su una base specifica del progetto possono essere inserite qui (ad esempio: tab_size).
  2. build_systems: Consente di aggiungere un sistema di costruzione specifico del progetto (che va oltre lo scopo di questo tutorial).

Il nostro file di progetto finale

Ecco un esempio di ciò che è il tuo finale .sublime-project il file potrebbe sembrare (abbreviato leggermente per essere più sintetico):

 "cartelle": [// tema "percorso": "/ C / wamp / www / wordpress / wp-content / themes / twentyeleven", "name": "Twenty Eleven Theme", "file_exclude_patterns": [". _ * "," * .ico "," * .swf "]," folder_exclude_patterns ": [" images "], // plugins cartella" percorso ":" / C / wamp / www / wordpress / wp-content / plugins "," name ":" Cartella Plugin "," file_exclude_patterns ": [" ._ * ", // è necessario specificare questo * di nuovo *" * .bak "," * .sample "," * .tar "," * .tgz "," * .zip "]," folder_exclude_patterns ": [" akismet "//, // aggiungi qualsiasi altro plugin che desideri escludere]]," settings ": " tab_size ": 4 

Concludere

Nota: Se hai voglia di sfruttare ulteriormente il tuo Sublime Text 2, tieni d'occhio "Perfect Workflow in Sublime Text 2" - un corso gratuito di Tuts + Premium, in arrivo a fine settembre.

Sublime Text 2 è uno strumento straordinario nel tuo arsenale di sviluppo web, e le sue caratteristiche e possibilità vanno ben oltre questo tutorial. Per saperne di più su cosa può fare, assicurati di scavare nella documentazione ... sei sicuro di trovare delle vere gemme che si nascondono lì dentro.

link:

  • Documentazione: vedere qui e qui
  • Documentazione sorgente per questo articolo