Share
Sublime Text 2 è uno degli editor di codice più veloci e incredibili da rilasciare da molto tempo! Con un ecosistema di community e plug-in così appassionato come questo, potrebbe essere impossibile per qualsiasi altro editor recuperare. Ti mostrerò i miei consigli e trucchi preferiti oggi.
Sublime Text 2 è attualmente disponibile per tutte le principali piattaforme: OS X, Linux e Windows.
Sublime è in sviluppo attivo. Se, come me, vuoi usare l'ultima versione possibile dell'app, puoi scaricare la versione di sviluppo. Troverete che i nuovi aggiornamenti (automatici) sono disponibili a giorni alterni.
Scarica una versione di sviluppo di Sublime 2 qui.
Aggiornamento: ecco un'icona migliore.
In sua difesa, Sublime Text 2 è ancora in uno stato beta. L'icona ufficiale probabilmente cambierà / si spera con la versione ufficiale. Fino ad allora, Nate Beaty ha creato un'icona alternativa, se preferisci.
Per integrarlo, è necessario sostituire il file "Sublime Text 2.icns" esistente con questo nuovo file. Su un Mac, vai a Sublime 2 nel tuo applicazioni / cartella, quindi fare clic con il tasto destro del mouse e "Visualizza contenuto pacchetto". Infine, vai a Contents / Resources /, e trascina la nuova icona, sovrascrivendo quella esistente.
Si prega di prendere nota del fatto che, se si utilizza il frequentemente aggiornato versione di sviluppo di Sublime Text, con ogni aggiornamento, l'icona verrà rimossa. Con questo in mente, non preoccuparti per l'icona per il momento.
Simile a TextMate, possiamo usare la palette comandi di Sublime accedendo al Utensili menu o premendo Maiusc + Comando + P, su Mac. Sia che tu abbia bisogno di visitare una pagina Preferenze, o di incollare uno snippet, tutto ciò può essere realizzato qui.
stampa Controllo o Comando + P, digita il nome del file a cui desideri accedere (cercatore fuzzy), e, senza nemmeno premere accedere, sarai immediatamente trasportato su quel file. Mentre Vim e app come PeepOpen offrono funzionalità simili, non sono veloci come l'implementazione di Sublime.
Editori come TextMate hanno a lungo offerto una selezione verticale, che è abbastanza accurata. Ma con la selezione multipla, puoi avere più cursori sulla pagina. Ciò può ridurre drasticamente la necessità di utilizzare espressioni regolari e ricerca avanzata e sostituzione di query. Forse una rapida dimostrazione visiva è in ordine ...
Per abilitare la selezione multipla, hai diverse opzioni:
Accentsconagua
alt o Comando e quindi fare clic in ogni regione in cui è necessario un cursore.Maiusc + Comando + L. Controllo / comando + D ripetutamente per selezionare ulteriori occorrenze di quella parola. Alt + F3 su Windows, o Ctrl + Comando + G su Mac. Stupefacente!! Aggiornamento: questa funzione ora è preinstallata con Sublime Text 2.
È una funzionalità così piccola, ma ho sempre adorato il modo in cui Notepad ++ su Windows visualizza le guide all'indent; rende la pagina molto più facile da navigare e formattare. Sublime Text 2 offre questa capacità, tramite un plugin creato da Nikolaus Wittenstein.
Per integrare questo plugin:
Pacchi cartella. Su un Mac, questo percorso sarebbe Supporto applicazione / Testo sublime 2 / Pacchetti I passaggi delineati nel suggerimento precedente (n. 6) sono un po 'noiosi, no? Invece, possiamo installare l'eccellente controllo del pacchetto Sublime, che ottimizza l'intero processo.
Per installare "Controllo pacchetto", apri Sublime e premi Control + '. Successivamente, incolla il seguente snippet nella console.
import urllib2, os; pf = 'Pacchetto Control.sublime-package'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) se non os.path.exists (ipp) else Nessuno; open (os.path.join (IPP, pf), 'wb') .write (urllib2.urlopen ( 'http://sublime.wbond.net/'+pf.replace (", '% 20')). read ()) Non preoccuparti se non capisci il codice sopra; basta copiare e incollare!
Infine, riavvia Sublime Text e vai a Preferenze -> Impostazioni pacchetto. Se l'installazione ha avuto successo, ora vedrai a Controllo del pacchetto elemento in quella lista.
Con Package Control installato, il processo di aggiunta di nuovi plugin e funzionalità diventa incredibilmente semplice!
Per un esempio di utilizzo, fare riferimento all'elemento successivo in questo elenco.
Se sei il tipo che preferisce allineare i tuoi segni di uguale - ad esempio, nel tuo JavaScript ...
// Before var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid'; // After var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid';
... questo processo può essere automatizzato, tramite il plug-in di Sublime Alignment. Piuttosto che scaricarlo e installarlo manualmente, utilizziamo invece il Controllo pacchetto (descritto in # 7).
Maiusc + Comando + P Maiusc + Comando + A per autoallineare.
Questo processo può essere ripetuto per tutti i plug-in tipici che installiamo, come Zen Coding.
Sono un grande fan di Vim. La quantità di energia che fornisce è folle. Il fatto che ho passato a Sublime Text 2 dovrebbe parlare poi di volumi!
Se stai usando una versione di sviluppo di Sublime Text (vedi n. 2 in questo elenco), puoi abilitare la modalità Vintage, che fornisce il supporto per i comandi Vi che conosciamo e amiamo - ok ... alcuni di noi amore. Il resto di voi lo odi! :)
Per abilitare la modalità Vintage, navigare fino a Preferenze / Impostazioni globali - Predefinito. Una volta che questo file si apre, naviga fino in fondo e cambia "ignored_packages": ["Vintage"] a "ignored_packages": []. Quindi, riavvia Sublime, premi il tasto Fuga chiave, e, tada: modalità comando!
Una cosa che potresti notare è che, in modalità comando, può essere difficile trovare il cursore (specialmente quando si sfruttano cose come i segnalibri). In più di un'occasione, mi sono ritrovato a cercare la sua posizione.
Anche se non è una soluzione perfetta, un plugin, chiamato "SublimeBlockCursor", tenta di risolvere questo problema.
Nota: Mentre il readme afferma che SublimeBlockCursor può essere installato, tramite Package Control, non sono stato in grado di trovarlo. Invece, ho dovuto clonare il progetto manualmente nel
Pacchicartella.
A volte, abbiamo bisogno di filtrare tutti i lanci aggiuntivi che si intromettono nella nostra codifica. Usa "Distraction Free Mode" per prendere questa idea il più lontano possibile. Questa opzione è disponibile, tramite il vista menu. Seleziona "Entra in modalità Distraction Free" o usa la scorciatoia da tastiera Mac, Control + Maiusc + Comando + F.
Gli snippet e i temi TextMate si collegano piacevolmente a Sublime Text. Devi solo lasciarli nella cartella Pacchetti -- .tmbundle estensione intatta, e Sublime riconoscerà i file. Ciò significa che l'intero catalogo di temi TextMate funzionerà in Sublime!
Ad esempio, ultimamente ho lavorato con il (fantastico) motore di templazione Slim e ho avuto bisogno di evidenziare meglio la sintassi. Fred Wu ha creato un pacchetto per TextMate, ma, anche, funziona perfettamente anche in Sublime Text! Se sei interessato, puoi scaricare il pacchetto Slim qui; include sia gli snippet che l'evidenziazione della sintassi.
Il tema predefinito di Sublime Text è eccellente, ma preferisco di gran lunga un tema chiaro e scuro personalizzato, Soda, creato da Ian Hill.
Come preso dalla pagina Github ...
"Se sei un utente git, il modo migliore per installare il tema e tenerti aggiornato è quello di clonare il repository direttamente nella directory Packages nell'area delle impostazioni dell'applicazione Sublime Text 2".
Vai alla tua directory Sublime Text 2 Packages e clona il repository del tema usando il comando seguente:
git clone https://github.com/buymeasoda/soda-theme/ "Tema - Soda"
Per configurare Sublime Text 2 per utilizzare il tema:
Sublime Text 2 -> Preferences -> User Global Settings "tema": "Soda Light.sublime-theme"
Sublime Text ci fornisce alcuni modi diversi per interrogare una pagina (al di fuori delle funzioni di ricerca standard).
Hai bisogno di un modo rapido per cercare una specifica funzione o metodo?
genere Controllo / comando + r per rivelare un popup che permette proprio questo (notare il @ simbolo)! Ancora meglio, la ricerca è anche sfocata, che è particolarmente utile per le classi enormi.
Che cosa succede se si desidera passare immediatamente a una parte specifica di una pagina HTML, ad esempio div con una classe di contenitore. genere Controllo / comando + p, poi #, e vedrai immediatamente un albero del tuo documento.
Per passare rapidamente a un numero di linea specifico sulla pagina, è possibile premere Control + g. Tuttavia, noterai che, ancora una volta, sta tirando fuori quella tavolozza (Controllo / comando + p) e aggiungendo il : simbolo. Questo è adottato da Vim.
Ciò significa, oltre a Control + g, puoi anche digitare, Controllo / comando + p, e poi : LINE_NUMBER.
Diciamo che sei un fan di Normalize.css. Forse lo si scarica e lo si salva in uno snippet o si memorizza il foglio di stile stesso in una cartella di risorse. In questo modo, per i progetti futuri, è sufficiente copiare e incollare.
L'unico problema con questo metodo - come abbiamo scoperto tutti - è che, se sono passati alcuni mesi, è più che possibile che la risorsa (in questo caso, Normalize.css) sia stata aggiornata dal creatore. Quindi le tue opzioni sono di usare la versione, ora obsoleta di Normalize, o, ancora una volta, tornare alla pagina GitHub e inserire una nuova copia. Tutto ciò sembra noioso.
Creato da Weslly Honorato, Nettuts + Fetch è la soluzione al nostro dilemma. Può essere installato, tramite Package Control.
Userai solo due comandi, quando lavori con Fetch. Per prima cosa, dobbiamo salvare alcuni riferimenti al file. Ancora una volta, fai apparire la palette dei comandi e cerca "Fetch". Per ora, seleziona "Gestisci file remoti".
La cosa fantastica di Sublime Text 2 è che la configurazione è incredibilmente semplice. Per assegnare riferimenti a file di risorse online, abbiamo solo bisogno di creare un oggetto, ad esempio (non preoccuparti, uno sarà pre-compilato per te, dopo l'installazione):
Quindi, per inserire l'ultima copia di jQuery (se non si desidera utilizzare un CDN):
"files": "jquery": "http://code.jquery.com/jquery.min.js"
Ulteriori informazioni sull'utilizzo di Nettuts + Fetch.
Creato da Will Bond (creatore di Package Control), il plugin Nettuts + Prefixr consente di aggiornare automaticamente l'intero foglio di stile per includere il supporto per tutti i vari prefissi richiesti dai fornitori CSS3. In questo modo, non devi mai visitare il sito stesso; si digita semplicemente un comando da tastiera e:
.box border-radius: 10px; box-shadow: 0 0 5px rgba (0,0,0, .4);
... sarà convertito in:
.box -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba (0,0,0, .4); -moz-box-shadow: 0 0 5px rgba (0,0,0, .4); box-shadow: 0 0 5px rgba (0,0,0, .4);
Una volta installato (tramite Controllo pacchetto), selezionare il foglio di stile (o un singolo blocco), premere ctrl + alt + x su Windows e Linux, o cmd + Ctrl + X su OS X, e il codice verrà immediatamente eseguito attraverso il servizio web Prefixr.
Sublime Text 2 include uno strumento da riga di comando, subl, per lavorare con i file sulla riga di comando. "
Per usarlo, crea un link simbolico allo strumento.
ln -s "/ Applicazioni / Testo sublime 2.app/Contents/SharedSupport/bin/subl" ~ / bin / subl
Fintanto che ~ / Bin è nel tuo percorso, che dovrebbe fare il trucco!
cd myProject subl .
Fare riferimento qui per ulteriori istruzioni.
Un po 'stranamente, la possibilità di auto-formattare l'HTML non è inclusa come parte della build predefinita di Sublime Text. Il plugin Tag, tra le altre cose, speranze per fornire una soluzione, tuttavia, a causa di alcune carenze - vale a dire quando si tratta di commenti HTML - non è sufficiente.
Il plug-in Tag può essere installato tramite Package Control.
Per testare le sue capacità di auto-formattazione, il seguente HTML:
Ciao
Ciao
... sarà cambiato in:
Ciao
Ciao
yikes; sembra peggio di quello che è. Dai miei test, erroneamente non colloca il corpo tag sulla propria linea, e diventa pissy quando si tratta di commenti HTML. Fino a quando questi problemi non saranno risolti (o verrà fornita una soluzione nativa), è meglio selezionare manualmente un blocco di HTML per riformattare, piuttosto che l'intera pagina.
Un bonus di $ 200 sarà pagato al primo sviluppatore di plug-in Sublime Text che crea e invia il plugin definitivo "Nettuts + HTML Formatter".
Se ti senti avventuroso, visita l'enorme community di sviluppo di plugin di Sublime Text e inizia a contribuire. Abbiamo un eccellente tutorial sul processo di creazione di un plugin ST qui su Nettuts +. Assicurati di controllare se ti interessa!
Più lavoro con Sublime Text 2, più mi rendo conto di quanto sia incredibile. Ma tutto questo non significherebbe nulla se non per il fatto che si tratta di un editor follemente veloce, e, ancora meglio, non è finito!
Se vuoi andare ancora oltre, controlla Snippeter, un gestore di frammenti di codice che potenzia la codifica salvando i frammenti di codice online e permettendoti di trovarli facilmente utilizzando una barra di ricerca integrata. Permette anche di esportare oggetti come snippet di testo sublime (con supporto tabTrigger).
