Sublime Text 2 este unul dintre cei mai rapizi și incredibili editori de cod care urmează să fie lansați într-un timp îndelungat! Cu un ecosistem comunitar și plugin atât de pasionat ca acesta, ar putea fi imposibil ca orice alt editor să se prindă. Îți voi arăta sfaturile și trucurile mele preferate astăzi.
Sublime Text 2 este disponibil în prezent pentru toate platformele importante: OS X, Linux și Windows.
Sublime este în dezvoltare activă. Dacă, la fel ca mine, doriți să utilizați cea mai recentă versiune posibilă a aplicației, puteți descărca build-ul dev. Veți găsi că noile actualizări (auto) sunt disponibile în fiecare zi sau cam așa ceva.
Descărcați o construcție dev a Sublime 2 aici.
Actualizare: aici este o pictogramă mai bună.
În apărarea sa, textul Sublime 2 se află încă în starea beta. Pictograma oficială se va schimba probabil cu versiunea oficială. Până atunci, Nate Beaty a creat o icoană alternativă, dacă o preferați.
Pentru a le integra, trebuie să înlocuiți fișierul existent "Sublime Text 2.icns" cu acest nou. Pe un Mac, navigați la Sublime 2 în Aplicații /
, apoi faceți clic dreapta și "Vizualizați conținutul pachetului". În cele din urmă, căutați Cuprins / Resurse /
, și trageți pictograma nouă, suprascrisă pe cea existentă.
Luați notă de faptul că, dacă utilizați actualizările frecventate versiunea de dezvoltare a textului Sublime, cu fiecare actualizare, pictograma va fi eliminată. Având în vedere acest lucru, nu vă faceți griji în legătură cu pictograma pentru moment.
Similar cu TextMate, putem folosi paleta de comandă a lui Sublime accesând Unelte meniu sau apăsând Shift + Command + P
, pe Mac. Indiferent dacă trebuie să vizitați o pagină Preferințe sau să inserați într-un fragment, toate acestea pot fi realizate aici.
presa Control
sau Comanda
+ P
, introduceți numele fișierului pe care doriți să îl accesați (identificator fuzzy), și, fără chiar presare introduce, veți fi imediat transportați la acel fișier. În timp ce Vim și aplicații precum PeepOpen oferă o funcționalitate similară, nu sunt la fel de rapide ca implementarea lui Sublime.
Editorii ca TextMate au oferit multă selecție verticală, ceea ce este destul de curat. Dar, cu selecție multiplă, puteți avea mai multe cursoare pe pagină. Acest lucru poate reduce drastic necesitatea utilizării expresiilor regulate și căutarea avansată și înlocuirea interogărilor. Poate că o demonstrație vizuală rapidă este în ordine ...
Pentru a activa selecția multiplă, aveți mai multe opțiuni:
Alt
sau Comanda
apoi faceți clic pe fiecare regiune în care aveți nevoie de un cursor.Shift + Command + L
. Control / Comandă + D
în mod repetat, pentru a selecta aparițiile adiționale ale cuvântului respectiv. Alt + F3
pe Windows, sau Ctrl + Command + G
pe Mac. Uimitor!! Actualizare: această funcție este acum preinstalată cu Text Sublim 2.
Este o caracteristică atât de mică, dar mi-a plăcut mereu modul în care Notepad ++ de pe Windows afișează ghiduri indentate; face pagina mult mai ușor de navigat și format. Sublime Text 2 oferă această abilitate, printr-un plugin creat de Nikolaus Wittenstein.
Pentru a integra acest plugin:
pachete
pliant. Pe un Mac, această cale ar fi Suport pentru aplicații / Sublime Text 2 / Pachete
Pașii descriși în sfatul anterior (# 6) sunt un pic obositori, nu-i așa? În schimb, putem instala excelent controlul pachetului Sublime, care simplifică întregul proces.
Pentru a instala "Control pachet", deschideți Sublime și apăsați Control + '
. Apoi, lipiți următorul fragment în consola.
import urllib2, os; pf = 'Pachet Control.sublime-package'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) dacă nu os.path.exists (ipp) (ipp, PF), 'wb') .write (urllib2.urlopen ( "http://sublime.wbond.net/'+pf.replace (“, '% 20')). citește ())
Nu vă faceți griji dacă nu înțelegeți codul de mai sus; doar copiați și lipiți!
În cele din urmă, reporniți textul sublim și căutați Preferințe -> Setări pachet
. Dacă instalarea a avut succes, veți vedea acum o Controlul pachetelor
din lista respectivă.
Cu ajutorul pachetului de control instalat, procesul de adăugare de noi plugin-uri și funcționalități devine incredibil de simplu!
Pentru un exemplu de utilizare, consultați următorul articol din această listă.
Dacă sunteți tipul care preferă să alinieze semnele dvs. egale - de exemplu, în JavaScript ...
// Înainte de var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid'; // După var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid';
... acest proces poate fi automatizat, prin pluginul Sublime Alignment. Mai degrabă decât să o descărcați și să o instalați manual, să folosim în schimb pachetul de control (subliniat în # 7).
Shift + Command + P
Shift + Comandă + A
pentru a alinia automat.Acest proces poate fi repetat pentru toate pluginurile tipice instalate, cum ar fi codarea Zen.
Sunt un mare fan al lui Vim. Cantitatea de energie pe care o oferă este nebună. Faptul că am trecut la Sublime Text 2 ar trebui să vorbească apoi volume!
Dacă utilizați o construcție dev a Sublime Text (vezi # 2 în această listă), puteți activa modul Vintage, care oferă suport pentru comenzile Vi pe care le cunoaștem și le place - bine ... unii dintre noi dragoste. Restul o urâți! :)
Pentru a activa modul Vintage, căutați Preferințe / Setări globale - Implicit
. Odată ce acest fișier se deschide, navigați la partea de jos și schimbați "ignored_packages": ["Vintage"]
la "ignored_packages": []
. Apoi, reporniți Sublime, apăsați pe Evadare
cheie, și, tada: modul de comandă!
Un lucru pe care îl puteți observa este că, în modul comandă, poate fi dificil să găsiți cursorul (mai ales atunci când profitați de lucruri precum marcaje). Mai mult decât o dată, m-am trezit încercând să-mi găsesc locația.
Deși nu este o soluție perfectă, un plugin, numit "SublimeBlockCursor", încearcă să remedieze această problemă.
Notă: În timp ce readme afirmă că SublimeBlockCursor poate fi instalat, prin intermediul pachetului de control, nu am reușit să-l găsesc. În schimb, a trebuit să clonesc proiectul manual în
pachete
pliant.
Uneori, trebuie să eliminăm tot puful suplimentar care ne împiedică codarea. Folosiți "Modul gratuit de distragere" pentru a lua această idee pe cât posibil. Această opțiune este disponibilă, prin Vedere meniul. Selectați "Enter Free Mode Distraction" sau utilizați comanda rapidă de la tastatură Mac, Control + Shift + Comandă + F
.
Fragmentele și temele din TextMate sunt portate bine în Sublime Text. Trebuie doar să le aruncați în dosarul Pachete -- .tmbundle
extensie intactă, iar Sublime va recunoaște fișierele. Aceasta înseamnă că întregul catalog al temelor TextMate va funcționa în Sublime!
De exemplu, am lucrat cu motorul (fantastic) Slim templating un pic mai bun în ultima vreme și am avut nevoie de o mai bună evidențiere a sintaxelor. Fred Wu a creat un pachet pentru TextMate, dar, tada, funcționează perfect și în textul Sublime! Dacă sunteți interesat, puteți descărca pachetul Slim aici; include atât fragmente, cât și evidențierea sintaxei.
Tema implicită pentru textul Sublime este excelentă, dar prefer foarte mult o temă personalizată și ușoară, Soda, creată de Ian Hill.
După cum am citit de pe pagina Github ...
"Dacă sunteți un utilizator git, cea mai bună modalitate de a instala tema și de a ține la curent este să clonați repo-ul direct în directorul Packages în zona de setări a aplicației Sublime Text 2."
Accesați directorul Sublime Text 2 Packages și clonați depozitul tematic folosind comanda de mai jos:
git clone https://github.com/buymeasoda/soda-theme/ "Tema - Soda"
Pentru a configura Text Sublim 2 pentru a utiliza tema:
Sublime Text 2 -> Preferințe -> Setări globale utilizator
"temă": "Soda Light.sublime-theme"
Textul Sublime ne oferă câteva modalități diferite de interogare a unei pagini (în afara funcțiilor de căutare standard).
Aveți nevoie de o cale rapidă pentru a căuta o funcție sau o anumită metodă?
Tip Control / comandă + r
pentru a descoperi un pop-up care permite acest lucru foarte (observați @
simbol)! Chiar mai bine, căutarea este și fuzzy, ceea ce este deosebit de util pentru clasele uriașe.
Ce se întâmplă dacă doriți să treceți imediat la o anumită parte a unei pagini HTML - de exemplu, la div
cu o clasă de recipient
. Tip Control / comandă + p
, atunci #
, și veți vedea imediat un copac al documentului dvs..
Pentru a trece rapid la un număr de linie specific pe pagină, puteți apăsa Control + g
. Cu toate acestea, veți observa că, din nou, trageți paleta respectivă (Control / comandă + p
) și adăugarea acestuia :
simbol. Aceasta este adoptată de la Vim.
Aceasta înseamnă, în plus față de Control + g
, de asemenea, puteți tasta, Control / comandă + p
, și apoi :NUMĂRUL LINIEI
.
Să spunem că ești un fan al lui Normalize.css. Poate că îl descărcați și îl salvați într-un fragment sau stocați foaia de stil, într-un folder de materiale. În acest fel, pentru proiectele viitoare, trebuie doar să copiați și să lipiți.
Singura problemă cu această metodă - așa cum am descoperit toți - este că, dacă au trecut câteva luni, este mai mult decât posibil ca activul (în acest caz, Normalize.css) să fi fost actualizat de către creator. Deci, opțiunile dvs. sunt fie să utilizați versiunea actualizată a Normalize, fie să reveniți din nou pe pagina GitHub și să trageți o copie nouă. Totul pare obositor.
Creat de Weslly Honorato, Nettuts + Fetch este soluția pentru dilema noastră. Acesta poate fi instalat, prin intermediul pachetului de control.
Veți utiliza numai două comenzi, atunci când lucrați cu Fetch. În primul rând, trebuie să salvăm câteva referințe de fișiere. Din nou, aducă paleta de comandă și căutați "Fetch". Pentru moment, alegeți "Gestionați fișierele la distanță".
Ce este minunat despre textul Sublime 2 este că configurația este incredibil de simplă. Pentru a atribui referințe la fișierele de materiale online, trebuie doar să creăm un obiect, așa cum este (nu vă faceți griji, unul va fi pre-populat pentru dvs., după instalare):
Deci, pentru a trage ultima copie a jQuery (dacă nu doriți să utilizați un CDN):
"fișiere": "jquery": "http://code.jquery.com/jquery.min.js"
Aflați mai multe despre utilizarea Nettuts + Fetch.
Construit de Will Bond (creatorul pachetului de control), plug-inul Nettuts + Prefixr vă permite să vă actualizați automat întreaga foaie de stil pentru a include suport pentru toate prefixele furnizorilor CSS3. În acest fel, nu trebuie să vizitați niciodată site-ul în sine; introduceți doar o comandă de tastatură și:
.caseta border-radius: 10px; box-shadow: 0 0 5px rgba (0,0,0, .4);
... vor fi convertite în:
.caseta -webkit-border-radius: 10px; -moz-border-radius: 10px; raza de graniță: 10 pixeli; -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);
Odată instalat (prin intermediul pachetului de control), selectați foaia de stil (sau un singur bloc), apăsați ctrl + alt + x
pe Windows și Linux, sau cmd + ctrl + x
pe OS X, iar codul va fi rulat instantaneu prin serviciul web Prefixr.
Sublime Text 2 include un instrument de linie de comandă, subl, pentru a lucra cu fișierele de pe linia de comandă. "
Pentru ao utiliza, creați o legătură simbolică pentru instrument.
ln -s "/ Aplicații / Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~ / bin / subl
Atata timp cat ~ / Bin
este în calea ta, care ar trebui să facă truc!
cd myProject subl .
Consultați aici instrucțiuni suplimentare.
Un pic ciudat, abilitatea de formatare automată a HTML-ului nu este inclusă ca parte a construirii implicite a textului sublim. Pluginul Tag, printre altele, speranțe pentru a oferi o soluție, totuși, din cauza unor deficiențe - și anume atunci când se ocupă de comentariile HTML - este redusă.
Pluginul Tag poate fi instalat prin Controlul pachetelor.
Pentru a testa abilitățile de formatare automată, următorul cod HTML:
bună
Pa
... va fi schimbat la:
bună
Pa
Hopa; arată mai rău decât este. Din testele mele, acesta nu pune în mod incorect corp
tag-ul pe propria linie, și devine pissy atunci când se ocupă cu comentarii HTML. Până când aceste probleme sunt rezolvate (sau este furnizată o soluție nativă), este mai bine să selectați manual un bloc de cod HTML pentru reformare, mai degrabă decât întreaga pagină.
Un bonus de 200 $ va fi plătit primului dezvoltator de plugin Sublime Text care creează și transmite pluginul definitiv "Nettuts + HTML Formatter".
Dacă vă simțiți aventuros, sapa în comunitatea de dezvoltare a plugin-urilor Sublime Text și începeți să contribuiți. Avem un tutorial excelent despre procesul de construire a unui plug-in ST aici pe Nettuts +. Asigurați-vă că vă verificați dacă vă interesează!
Cu cât lucrez mai mult cu Sublime Text 2, cu atât mai mult îmi dau seama cât de incredibil este. Dar toate acestea nu ar însemna nimic, dacă nu pentru faptul că este un editorial nebun de rapid și, chiar mai bine, nu este terminat!
Dacă doriți să mergeți mai departe, verificați Snippeter, un manager de fragmente de cod care vă îmbunătățește codarea salvând fragmentele de cod online și vă permite să le găsiți cu ușurință utilizând o bară de căutare integrată. De asemenea, vă permite să exportați elemente ca fragmente de text sublim (cu suport tabTrigger).