Sublime Text 2 sfaturi și trucuri (Actualizat)

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.


1 - Versiuni ale marginilor sângerării

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.


2 - Obțineți o Iconă mai bună

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.


3 - Accesați paleta de comandă

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.


4 - Comutarea rapidă a fișierelor cu fulgere

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.


5 - Cum am supraviețuit înainte de multi-selecție?

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:

  • presa Alt sau Comanda apoi faceți clic pe fiecare regiune în care aveți nevoie de un cursor.
  • Selectați un bloc de linii, apoi apăsați Shift + Command + L.
  • Plasați cursorul peste un anumit cuvânt și apăsați Control / Comandă + D în mod repetat, pentru a selecta aparițiile adiționale ale cuvântului respectiv.
  • Alternativ, adăugați un cursor suplimentar la toate apariția unui cuvânt prin tastare Alt + F3 pe Windows, sau Ctrl + Command + G pe Mac. Uimitor!!

6 - Ghiduri indentate

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:

  • Descarca-l
  • Redenumiți folderul la "Indent Guides" și trageți-l în pachete pliant. Pe un Mac, această cale ar fi Suport pentru aplicații / Sublime Text 2 / Pachete

7 - Controlul pachetelor

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ă.


8 - Aliniere

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).

  • presa Shift + Command + P
  • Introduceți "install" pentru a afișa opțiunea "Control pachet: Instalare pachet" și apăsați Enter
  • Căutați "Aliniere" și apăsați Enter pentru ao instala.
  • Ați terminat; atât de ușor! Tip Shift + Comandă + A pentru a alinia automat.

Acest proces poate fi repetat pentru toate pluginurile tipice instalate, cum ar fi codarea Zen.


9 - Vim Fanatic

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ă!

Blochează cursorul

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.


10 - Distragere gratuită de editare

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.


11 - Puteți utiliza în continuare pachetele TextMate

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.


12 - Teme personalizate

Tema implicită pentru textul Sublime este excelentă, dar prefer foarte mult o temă personalizată și ușoară, Soda, creată de Ian Hill.

Instalare

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."

Utilizând Git

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"

Descărcați manual

  • Descărcați fișierele utilizând opțiunea de descărcare GitHub .zip.
  • Dezarhivați fișierele și redenumiți folderul la Theme - Soda
  • Copiați dosarul în directorul Sublime Text 2 Packages

Activarea temei

Pentru a configura Text Sublim 2 pentru a utiliza tema:

  • Deschideți fișierul Preferințe globale pentru textul sublim 2 Utilizator global: Sublime Text 2 -> Preferințe -> Setări globale utilizator
  • Adăugați (sau actualizați) intrarea în temă pentru a fi "temă": "Soda Light.sublime-theme" sau "theme": "Soda Dark.sublime-theme"

Exemplu Setări globale pentru utilizatori

"temă": "Soda Light.sublime-theme"

13 - Pagina cu crawlere

Textul Sublime ne oferă câteva modalități diferite de interogare a unei pagini (în afara funcțiilor de căutare standard).

funcţii

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.

HTML

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..

Mergeți la numărul liniei

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.


14 - Aduceți fișierele la distanță cu ușurință

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.

folosire

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.


15 - Plugin-ul Prefixr

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); 

folosire

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.


16 - Lansați Sublime de la Terminal

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.


17 - Autoformat HTML

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".


18 - Creați un Plugin

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ă!


Concluzie

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).