Comenzi rapide și sfaturi pentru îmbunătățirea productivității cu text sublim

Publicat: 2022-03-10
Rezumat rapid ↬ Sublime Text este, fără îndoială, unul dintre cei mai puternici editori de text de acolo. Numărul de utilizatori mulțumiți atestă acest lucru. Dacă îl explorezi, vei vedea în cele din urmă cât de frumos sunt ascunse caracteristicile sale puternice în spatele unei interfețe simple și elegante. Dacă utilizați Sublime Text de ceva timp, acum este momentul să vă îmbunătățiți arsenalul cu muniție nouă. Vă voi prezenta câteva dintre sfaturile și trucurile mele preferate. Cunoașterea lor s-ar putea să-ți dezlănțuie puterile ascunse ca programator în lume.

Sublime Text este, fără îndoială, unul dintre cei mai puternici editori de text de acolo. Numărul de utilizatori mulțumiți atestă acest lucru. Dacă îl explorezi, vei vedea în cele din urmă cât de frumos sunt ascunse caracteristicile sale puternice în spatele unei interfețe simple și elegante.

Dacă utilizați Sublime Text de ceva timp, acum este momentul să vă îmbunătățiți arsenalul cu muniție nouă. Vă voi prezenta câteva dintre sfaturile și trucurile mele preferate. Cunoașterea lor s-ar putea să-ți dezlănțuie puterile ascunse ca programator în lume.

Citiți suplimentare despre SmashingMag:

  • 50 de economii de timp puternice pentru web designeri
  • Sfaturi, instrumente și trucuri puternice pentru fluxul de lucru pentru web designeri
  • Cum să vă mențineți organizat fluxul de lucru de codare

Sublime Text Plugins

Controlul pachetului

Package Control este o soluție unică pentru descărcarea și gestionarea pluginurilor și temelor legate de Sublime Text. Instrucțiunile de instalare sunt disponibile pe site-ul web Package Control.

Mai multe după săritură! Continuați să citiți mai jos ↓

Odată instalat, îl puteți accesa folosind paleta de comenzi. Pentru a instala un plugin, apăsați Cmd ⌘ + Shift ⇧ + P (Mac) sau Ctrl ⌃ + Shift ⇧ + P (Windows și Linux), apoi introduceți Install Package și apăsați „Return”. Încărcarea listei de pluginuri din depozit durează câteva momente, dar apoi puteți introduce numele pluginului care vă interesează și îl puteți instala de acolo. Unele dintre pluginurile mele preferate sunt enumerate mai jos.

Controlul pachetului.

Îmbunătățiri ale barei laterale

Bara laterală implicită a Sublime Text poate face doar unele sarcini limitate. Pluginul Sidebar Enhancements supraalimentează Sublime Text cu comenzi pentru deschiderea fișierului într-un browser, copierea, lipirea, copierea unei căi, duplicarea, ștergerea și multe altele.

Îmbunătățiri ale barei laterale.

Sarcini simple

Plain Tasks transformă Sublime Text într-un puternic manager de liste de activități. Îl puteți instala prin Controlul pachetelor. Creați un fișier cu .todo ca extensie pentru a activa Sarcini simple pe deasupra. Pentru alte sfaturi, puteți accesa tutorialul furnizat în plugin, disponibil la „Preferințe” → „Setări pachet” → „Sarcini simple” → „Tutorial”.

Pentru o sarcină nouă:

  • Cmd ⌘ + Return ↵ (Mac)
  • Ctrl ⌃ + Return ↵ (Windows și Linux)

Pentru a marca ca gata:

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows și Linux)

Pentru a marca ca anulat:

  • Ctrl ⌃ + C (Mac)
  • Alt + C (Windows și Linux)
Sarcini simple.

Sublimul Linter

Verificați erorile în codul dvs. folosind Sublime Linter. Plugin-ul oferă un cadru pentru listing-ul codului. Listingul propriu-zis este realizat de diverse plugin-uri (pentru Ruby, Python, JavaScript etc.), ceea ce înseamnă că trebuie să instalați mai întâi Sublime Linter și apoi să instalați linter-uri specifice sintaxei pentru codul dvs. Este disponibilă o documentație extinsă.

Sublimul Linter.

Emmet

Emmet, cunoscut odată ca Zen Coding, este un instrument indispensabil pentru orice dezvoltator web. Este probabil cel mai productiv și care economisește timp plugin pe care îl veți găsi vreodată.

Scrierea codului necesită timp, iar lucrările HTML, cum ar fi scrierea etichetelor și împachetarea cursurilor cu ghilimele, pot fi plictisitoare. Emmet se ocupă de toate astea. Extinde magic abrevierile într-o structură completă HTML sau CSS. Sintaxa pe care o folosește pentru aceste abrevieri este inspirată din selectoarele CSS. Să-l privim în acțiune.

Emmet.

Tutor sublim

Sublime Tutor este un tutorial interactiv în editor pentru comenzile rapide de la tastatură în Sublime Text. Dacă tocmai ați început cu Sublime Text, pluginul vă va spori instantaneu productivitatea, învățându-vă sfaturi și trucuri ingenioase în cadrul editorului însuși. Pluginul folosește tehnica de repetiție distanțată pentru a vă asigura că vă amintiți comenzile pe care le învață.

Plugin Sublime: Sublime Tutor
Tutor sublim.

Utilizați Controlul pachetului pentru a instala pluginul. Odată instalat, puteți accesa tutorele prin meniul „Ajutor” sau comanda rapidă de la tastatură Ctrl ⌃ + Alt ⌥ + K

Funcții sublime ale textului

Du-te la orice

Aceasta este probabil cea mai puternică și cea mai folosită comandă din Sublime Text. Navigați cu ușurință prin fișiere, foldere, simboluri și linii.

Pentru a merge la un fișier:

  • Cmd ⌘ + P (Mac)
  • Ctrl ⌃ + P (Windows și Linux)

Apăsați codul scurt de la tastatură și începeți să tastați numele unui fișier. Sublime Text va efectua o căutare neclară și vă va aduce instantaneu fișierul dorit.

Accesați un simbol:

  • Cmd ⌘ + R (Mac)
  • Ctrl ⌃ + R (Windows și Linux)

Mergeți la o linie:

  • Ctrl ⌃ + G (Mac)
  • Ctrl ⌃ + G (Windows și Linux)

Pentru a accesa o anumită linie dintr-un fișier, tastați două puncte urmate de numărul liniei sau utilizați codul scurt de la tastatură.

Du-te la orice.

Selectarea cuvintelor

  • Cmd ⌘ + D (Mac)
  • Ctrl ⌃ + D (Windows și Linux)

Puneți cursorul pe un cuvânt, apăsați codul scurt de la tastatură și cuvântul va fi selectat instantaneu. Dacă apăsați din nou aceeași combinație de taste, Sublime Text va intra în modul de selecție multiplă și va selecta alte instanțe ale aceluiași cuvânt din document. Puteți folosi această metodă pentru a adăuga sau înlocui rapid text în toate cazurile unui cuvânt.

Selectarea cuvintelor.
  • Ctrl ⌃ + Cmd ⌘ + G (Mac)
  • Alt + F3 (Windows și Linux)

Acesta este un alt mod de a realiza același lucru. În loc să caute în mod incremental un cuvânt, efectuează o căutare în bloc a cuvântului sub cursor și trece la modul de selecție multiplă.

Extindeți selecția la Domeniu

  • Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
  • Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows și Linux)

Această comandă rapidă este extrem de utilă pentru dezvoltatorii JavaScript. Selectează domeniul curent. Apăsând din nou aceeași combinație de taste, selectează domeniul de aplicare al acesteia. Videoclipul arată clar cum funcționează:

Extindeți selecția la sfera de aplicare.

Împărțiți selecția în linii

  • Cmd ⌘ + Shift ⇧ + L (Mac)
  • Ctrl ⌃ + Shift ⇧ + L (Windows și Linux)

Utilizați această comandă rapidă pentru a împărți zona selectată în mai multe linii, punând Sublime Text în modul de selecție multiplă. Folosesc acest truc pentru a converti rapid o listă de cuvinte într-o matrice închisă de șiruri de caractere.

Împărțiți selecția în rânduri.

Selectarea coloanei

  • Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
  • Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Win)
  • Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Utilizați această comandă rapidă pentru a selecta o coloană în Sublime Text. Plasați cursorul oriunde în document, apoi apăsați comanda rapidă pentru a selecta coloanele în sus sau în jos. Acest lucru vă duce și în modul de selecție multiplă, ca cele două comenzi de mai sus.

Selectarea coloanei.

Fel

  • F5 (Mac)
  • F9 (Windows și Linux)

Îmi place să-mi păstrez proprietățile CSS sortate alfabetic. Această comandă este extrem de utilă pentru asta. Selectați blocul pe care trebuie să îl sortați (sfat: utilizați Ctrl ⌃ + Shift ⇧ + J pentru a selecta un nivel de indentare), apoi apăsați codul scurt de la tastatură.

Fel.

Activați Verificarea ortografică

  • F6

Nu mai fiți dezamăgiți de erorile de tipar după ce codul a ajuns în etapa de revizuire. Utilizați această tastă pentru a comuta rapid la verificatorul ortografic.

Activați verificarea ortografică.

cometariu

  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows și Linux)

Aceasta este una dintre comenzile mele cele mai des folosite. Marcarea comentariilor în orice limbaj de programare este simplă cu această comandă rapidă. Într-un fișier HTML, pune o pereche de etichete <!-- --> , în timp ce în JavaScript pune // la începutul unei linii.

Cometariu.

Balonați o linie în sus sau în jos

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows și Linux)

Doriți să mutați un fragment de cod cinci rânduri în sus? Decuparea și lipirea este cu adevărat vechea școală. Utilizați această combinare de taste pentru a duce fragmentul oriunde doriți. Apăsați din nou comanda rapidă pentru a continua să o mișcați în sus sau în jos.

Balonați o linie în sus sau în jos.

Selecție dublată

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows și Linux)

În mod implicit, această comandă rapidă dublează linia curentă și o plasează pe următoarea linie. Dacă selectați o regiune și apăsați această comandă rapidă, aceasta dublează întreaga regiune.

Selecție duplicată.

Uniți două linii

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows și Linux)

Aceasta unește următoarea linie la linia curentă, înlocuind toate spațiile albe dintre acestea cu un singur spațiu. Efectuat pe un bloc de linii, aceasta unește toate liniile împreună.

Uniți două rânduri.

Accesați Paranteza de potrivire

  • Ctrl ⌃ + M

Utilizați această comandă pentru a muta cursorul dintr-o poziție de paranteză în alta. Acest lucru este util mai ales atunci când te pierzi într-o metodă lungă și vrei să ajungi la poziția de pornire (sau invers).

Accesați paranteza potrivită.

Închideți eticheta HTML

  • Cmd ⌘ + Opt ⌥ + . (Mac)
  • Alt + . (Windows și Linux)

Utilizați această comandă rapidă pentru a închide eticheta HTML deschisă în prezent. Inserează eticheta de închidere potrivită în locația curentă a cursorului.

Închideți eticheta HTML.

Găsiți în Project

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows și Linux)

Acesta este echivalentul grep al Sublime Text. Găsește un termen în cadrul unui întreg proiect. Lucrul special la această comandă este că este foarte rapid. Există opțiuni pentru a face distincția între majuscule și minuscule și pentru a efectua și o potrivire regex.

Pentru a căuta un anumit termen în documentul curent, la nivelul întregului proiect, plasați cursorul pe acel termen și apoi apăsați Ctrl ⌃ + E , care va pune acel termen în caseta de căutare. Dacă apăsați pe codul scurt de mai sus, caseta de căutare la nivelul întregului proiect este populată cu acest termen.

Găsiți în proiect.

Comutați între file

  • Cmd ⌘ + Shift ⇧ + [ sau ] (Mac)
  • Ctrl ⌃ + Page Up ⇞ sau Page Down ⇟ (Windows și Linux)

La fel ca într-un browser web, puteți deschide mai multe file în Sublime Text. Pentru a trece de la o filă la alta, puteți folosi comenzile rapide menționate mai sus și utilizați Cmd ⌘ + T (Mac) sau Ctrl ⌃ + N (Windows și Linux) pentru a crea o filă nouă.

Comutați între file.

Paleta de comenzi

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows și Linux)

Pe măsură ce deveniți priceput cu Sublime Text, veți dori să accesați din ce în ce mai puțin meniurile și, în schimb, să puteți face totul cu câteva atingeri ale tastaturii. Cu paleta de comenzi, puteți introduce rapid o comandă, iar Sublime Text va face o potrivire neclară cu un set existent de comenzi, permițându-vă să accesați comenzile dintr-un loc convenabil.

Iată câteva lucruri pe care le puteți încerca în paleta de comenzi — setați sintaxa unui fișier nou creat, sortați liniile în documentul curent și instalați un plugin folosind Controlul pachetelor.

Paleta de comenzi.

Afișați consola

  • Ctrl ⌃ + `

Sublime Text vine cu un interpret Python încorporat. Este un instrument util pentru a executa comenzi Python sau pentru a testa rapid API-urile Sublime Text atunci când dezvoltați un plugin pentru editor.

Selectarea coloanei.

Fel

  • F5 (Mac)
  • F9 (Windows și Linux)

Îmi place să-mi păstrez proprietățile CSS sortate alfabetic. Această comandă este extrem de utilă pentru asta. Selectați blocul pe care trebuie să îl sortați (sfat: utilizați Ctrl ⌃ + Shift ⇧ + J pentru a selecta un nivel de indentare), apoi apăsați codul scurt de la tastatură.

Fel.

Activați Verificarea ortografică

  • F6

Nu mai fiți dezamăgiți de erorile de tipar după ce codul a ajuns în etapa de revizuire. Utilizați această tastă pentru a comuta rapid la verificatorul ortografic.

Activați verificarea ortografică.

cometariu

  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows și Linux)

Aceasta este una dintre comenzile mele cele mai des folosite. Marcarea comentariilor în orice limbaj de programare este simplă cu această comandă rapidă. Într-un fișier HTML, pune o pereche de etichete <!-- --> , în timp ce în JavaScript pune // la începutul unei linii.

Cometariu.

Balonați o linie în sus sau în jos

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows și Linux)

Doriți să mutați un fragment de cod cinci rânduri în sus? Decuparea și lipirea este cu adevărat vechea școală. Utilizați această combinare de taste pentru a duce fragmentul oriunde doriți. Apăsați din nou comanda rapidă pentru a continua să o mișcați în sus sau în jos.

Balonați o linie în sus sau în jos.

Selecție dublată

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows și Linux)

În mod implicit, această comandă rapidă dublează linia curentă și o plasează pe următoarea linie. Dacă selectați o regiune și apăsați această comandă rapidă, aceasta dublează întreaga regiune.

Selecție duplicată.

Uniți două linii

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows și Linux)

Aceasta unește următoarea linie la linia curentă, înlocuind toate spațiile albe dintre acestea cu un singur spațiu. Efectuat pe un bloc de linii, aceasta unește toate liniile împreună.

Uniți două rânduri.

Accesați Paranteza de potrivire

  • Ctrl ⌃ + M

Utilizați această comandă pentru a muta cursorul dintr-o poziție de paranteză în alta. Acest lucru este util mai ales atunci când te pierzi într-o metodă lungă și vrei să ajungi la poziția de pornire (sau invers).

Accesați paranteza potrivită.

Închideți eticheta HTML

  • Cmd ⌘ + Opt ⌥ + . (Mac)
  • Alt + . (Windows și Linux)

Utilizați această comandă rapidă pentru a închide eticheta HTML deschisă în prezent. Inserează eticheta de închidere potrivită în locația curentă a cursorului.

Închideți eticheta HTML.

Găsiți în Project

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows și Linux)

Acesta este echivalentul grep al Sublime Text. Găsește un termen în cadrul unui întreg proiect. Lucrul special la această comandă este că este foarte rapid. Există opțiuni pentru a face distincția între majuscule și minuscule și pentru a efectua și o potrivire regex.

Pentru a căuta un anumit termen în documentul curent, la nivelul întregului proiect, plasați cursorul pe acel termen și apoi apăsați Ctrl ⌃ + E , care va pune acel termen în caseta de căutare. Dacă apăsați pe codul scurt de mai sus, caseta de căutare la nivelul întregului proiect este populată cu acest termen.

Găsiți în proiect.

Comutați între file

  • Cmd ⌘ + Shift ⇧ + [ sau ] (Mac)
  • Ctrl ⌃ + Page Up ⇞ sau Page Down ⇟ (Windows și Linux)

La fel ca într-un browser web, puteți deschide mai multe file în Sublime Text. Pentru a trece de la o filă la alta, puteți folosi comenzile rapide menționate mai sus și utilizați Cmd ⌘ + T (Mac) sau Ctrl ⌃ + N (Windows și Linux) pentru a crea o filă nouă.

Comutați între file.

Paleta de comenzi

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows și Linux)

Pe măsură ce deveniți priceput cu Sublime Text, veți dori să accesați din ce în ce mai puțin meniurile și, în schimb, să puteți face totul cu câteva atingeri ale tastaturii. Cu paleta de comenzi, puteți introduce rapid o comandă, iar Sublime Text va face o potrivire neclară cu un set existent de comenzi, permițându-vă să accesați comenzile dintr-un loc convenabil.

Iată câteva lucruri pe care le puteți încerca în paleta de comenzi — setați sintaxa unui fișier nou creat, sortați liniile în documentul curent și instalați un plugin folosind Controlul pachetelor.

Paleta de comenzi.

Afișați consola

  • Ctrl ⌃ + `

Sublime Text vine cu un interpret Python încorporat. Este un instrument util pentru a executa comenzi Python sau pentru a testa rapid API-urile Sublime Text atunci când dezvoltați un plugin pentru editor.

Rețineți că acest interpret vine la pachet cu Sublime Text și este diferit de Python-ul instalat de sistem. Scopul acestei console este de a interacționa cu API-ul Sublime Text pentru pluginuri. Probabil ați folosit această consolă când ați instalat Package Control.

Arată consola.

Pentru a afla ce se poate face folosind API-ul plugin-ului Sublime Text, consultați documentația.

Modul fără distracție

  • Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
  • Shift ⇧ + F11 (Windows și Linux)

Pentru scriitori și pentru alții care trebuie să se poată concentra intens, Sublime Text are o interfață și mai minimalistă. Utilizați comanda rapidă pentru a activa și dezactiva modul fără distracție.

Mod fără distracție.

Ajutor pentru linia de comandă text

Sublime Text include un instrument de linie de comandă care face foarte ușor să lucrezi cu fișiere de pe linia de comandă. Pentru ca acesta să funcționeze pe un Mac, trebuie să îl faceți disponibil în shell.

Presupunând că ați plasat Sublime Text în folderul „Aplicații” și că aveți un director ~/bin în calea dvs., puteți rula următoarele:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime
Ajutor pentru linia de comandă text.

Pentru a-l folosi ca editor implicit pentru comenzile care solicită introducere (cum ar fi git commit ), setați variabila de mediu editor .

 export EDITOR='sublime -w'

Pe Windows, puteți utiliza subl.exe într-un mod similar.

Concluzie

Sublime Text este plin de astfel de comenzi rapide și comenzi puternice. Probabil că nu vă veți putea aminti de acestea doar parcurgând acest articol; mai degrabă, va trebui să exersezi pe măsură ce treci prin asta. Enumerați cele mai utile comenzi rapide pentru dvs. și consultați-le în mod regulat în timp ce lucrați cu Sublime Text. Practica este cheia. Sunteți pe cale să deveniți un ninja Sublime Text.