Share
TextMate este, de departe, editorul text preferat pentru majoritatea dezvoltatorilor web de pe Mac. În ecranul de astăzi vom examina câteva dintre caracteristicile pe care majoritatea dezvoltatorilor nu le folosesc, ceea ce poate crește în mod semnificativ productivitatea, permițându-vă să tastați mai puțin!
Nu este o persoană Mac? Jeffrey are un screencast intitulat "Cum pot codul de două ori la fel de rapid ca tine" care arată cum să efectueze acțiuni similare folosind o aplicație "text expander" în Windows.
Puteți vizualiza toate scurtăturile și funcțiile de tip TextMate din meniul "Bundle". Iată câteva dintre cele pe care le folosesc în mod regulat:
| ⇥ | Tab |
| ⇧ | Schimb |
| ^ | Control |
| ⌥ | Opțiunea (Alt) |
| ⌘ | Comanda |
| ⎋ | Escape (esc) |
| ↩ | Întoarcere |
| ↓ ← ↑ → | Tastă săgeată tastatură |
| scurtătură | Acțiune |
| ^ ⇧ , | Nouă pereche de etichete HTML |
| ⌥ ⎋ | Etichetare / atribut auto-finalizare |
| ⌘ ⇧ 7 | Conversia selecției către entități HTML |
| ! ⇥ | Condiții pentru Internet Explorer |
| ⇧ ↩ | Ștergerea liniei |
| ^ ⇧ V | Validați HTML / CSS |
| link ⇥ | Știri de legătură pentru foaia de stil |
| stil ⇥ | In-line bloc de stil |
| scriptsrc ⇥ | Eticheta JavaScript exterioară |
| script ⇥ | Bloc JavaScript în linie |
| scurtătură | Acțiune |
| php ⇥ | |
| echo ⇥ | |
| dacă ⇥ | |
| dacă este ⇥ | |
| pentru ⇥ foreach ⇥ în timp ce ⇥ matrice ⇥ comuta ⇥ cazul ⇥ | După cum v-ați aștepta. |
| req ⇥ req1 ⇥ incl. ⇥ incl1 ⇥ | cere "fișier"; require_once 'file'; includeți "fișier"; include_once "fișier"; |
| $ _ ⇥ | Selectați $ _ ['POST'], $ _ ['GET'] etc. (Global Arrays) |
| ^ ⇧ V | Validați sintaxa |
| ⌘ ⇧ R | Rulați fișierul PHP |
| scurtătură | Acțiune |
| dacă ⇥ ife ⇥ (dacă, elsif) cu excepția cazului în care în timp ce ⇥ | După cum v-ați aștepta. |
| req ⇥ | cereți "" |
| reqg ⇥ | cere "rubingeme" cereți "" |
| Hash ⇥ | Hash.new | hash, cheie | hash [cheie] = |
| : ⇥ | : key => "value", |
| Fișierul ⇥ | Selectați pentru diferite metode obiect 'Fișier' (citiți, scrieți etc.) |
| ⌘ R | Rulați fișierul Ruby |
| scurtătură | Acțiune |
| cla ⇥ | Creați controlerul Rails |
| bliț ⇥ | flash [: notă] = " |
| ra ⇥ | render: action => " |
| vp ⇥ | validates_presence_of: input |
| vl ⇥ | validates_length_of: input,: within => 1 ... 12 |
| ^ P | params [: obiect] |
| ^ J | Sesiunea [: obiect] |
| ^ ⇧ . | <%= %> |
| ff ⇥ | <% form_for @model do |f| -%> <% end -%> |
| f. ⇥ | Selectați pentru formularul Rails "helper" - etichetă, câmp, parolă, textarea, caseta de selectare etc.. |
| slt ⇥ | <%= stylesheet_link_tag"%> |
| JIT | <%= javascript_include_tag"%> |
| ⇧ ⌥ ⌘ ↓ | Accesați controlerul, modelul, vizualizarea etc. pentru fișierul curent |
| mcol ⇥ | Utilizați în migrații. Selectați pentru a adăuga, a edita, a redenumi, a elimina coloanele etc.. |
Vom crea o comandă rapidă (accesată cu ⌘⇧A) pentru a împacheta textul selectat în prezent într-un link și vă va sari direct la atributul pentru a introduce adresa URL.
În TextMate, mergeți la "Bundles> Bundle Editor> Show Bundle Editor" (sau apăsați ^ ⌥ B). Asa arata editorul meu. A ta poate arăta diferit, deoarece am adăugat niște Bundle personalizate și le-am eliminat pe unele pentru limbile pe care nu le folosesc:
Dați clic pe meniul derulant HTML (pachet), dați clic pe + în partea din stânga jos a ferestrei și selectați "Snippet nou". Denumiți acest fragment "Wrap Link", apoi pentru "Activare", selectați "Cheie Equivalent" și în casetă introduceți combinația de taste pe care doriți să o utilizați (de exemplu ⌘⇧A).
În interiorul zonei de text introduceți:
$ TM_SELECTED_TEXT
$ TM_SELECTED_TEXT este o variabilă care conține textul selectat. Închideți fereastra și încercați. Deschideți un document în TextMate, evidențiați un text și apăsați combinația de taste. Selecția va fi învelită în etichete de ancorare.
Cu toate acestea, așa cum este acum, trebuie să vă mutați cursorul în href = "" atribut pentru a introduce link-ul real. Nu ar fi mai ușor dacă cursorul nostru sa mutat automat acolo?
Schimbați comanda "Wrap Link" la următoarele:
$ TM_SELECTED_TEXT
$ 1 spune TextMate unde să plaseze cursorul după efectuarea sarcinii. Puteți plasa $ 2, $ 3 etc și apoi să le deplasați prin intermediul tastei Tab.
În cele din urmă, modificați comanda la:
$ 2: $ TM_SELECTED_TEXT
Puteți adăuga textul implicit dintr-o locație folosind $ 2: Text implicit. "Textul implicit" se va afișa și va fi evidențiat automat atunci când faceți clic pe acesta.
În cazul nostru, am setat textul selectat ca locație pentru file pentru circumstanțele când ați putea dori să schimbați textul original.
Ați putea, de asemenea, să "copiați" textul introdus în punctele de tabel, după cum urmează:
Text: $ 1
Un alt text: $ 2: blah de blah de blah
Oglindă de 1: $ 1
Orice ați introduce apoi pe prima filă, va fi introdus automat în alte poziții care dețin aceeași valoare.
Personal, mi-am creat propriile pachete pentru includerea bibliotecilor jQuery, introducerea textului "Lorem Ipsum" și, de asemenea, pentru scrierea articolelor Nettuts. De exemplu:
Găsiți-vă folosind intrarea fără minte a etichetelor jQuery? Incearca astea:
"jQuery CDN" accesat cu inc-jquery tab-declanșare:
'jQuery UI CDN' accesat cu inc-ui tab-declanșare:
'jQuery Inline Script' accesat cu inline-jquery tab-declanșare:
'jQuery Document Ready' accesat cu jquery tab-declanșare:
\ $ (funcția () $ 0);
Notă: Loviturile din spate la începutul $ (funcția () este de a scăpa de $ caracter - altfel TextMate va crede că este o variabilă pentru ca ea să încerce și să redea!
De asemenea, puteți să le atribuiți pur și simplu tuturor jquery tab-trigger, atunci când o executați, veți primi un meniu derulant pentru a alege de la. Acest lucru este util dacă preferați să nu memorați grupuri uriașe de nume de fragmente!
De asemenea, am un pachet pentru diferitele etichete pe care le depind articolele Nettuts, cum ar fi:
'Pre Code Block' accesat folosind nt-pre tab-trigger:
$ 2
Accesul "Tuts Image" folosind nt-img tab-trigger:
La scrierea articolelor folosesc un șablon mic pentru a fi mai ușor de citit atunci când se citesc probe. Acest fragment are un exemplu de "mirroring" pe titlul Titlu și H1. Am acces la aceasta folosind butonul nt-template-trigger:
$ 1: TITLE 
$ 1
$ 2: Text sumar
$ 4: Header
$ 5: Începeți să tastați! Utilizați H3 pentru titluri și H4 pentru sub-rubrici
$ 0
Accentsconagua
