Conosciamo tutti i programmi di espansione del testo; sebbene supposi che la percentuale di noi che li usiamo durante la codifica sia piuttosto bassa. Per cambiare un po 'le cose, oggi ti spiegherò come creare script di espansione di testo personalizzati che ti consentano di risparmiare un sacco di tempo. Se non hai familiarità con questi programmi, devi guardarli! Dopo aver esaminato lo screencast e il tutorial, mi piacerebbe sapere come risparmi tempo durante lo sviluppo.
Okay, quindi sono per lo più preso in giro con il titolo di questo articolo. Molte, molte tecniche contribuiscono a scrivere codice rapido ed efficiente. Tuttavia, rimarrai sbalordito da quanto tempo puoi potenzialmente risparmiare utilizzando un semplice programma di espansione del testo. Guarda lo screencast qui sotto per imparare uno dei miei trucchi.
Quante volte hai digitato quanto segue:
Certo, bastano solo dieci secondi, ma immagina di moltiplicare quella cifra per 100. Quanto tempo puoi potenzialmente risparmiare assegnando una semplice sequenza di tasti a un blocco di codice? Con un programma di espansione del testo, posso semplicemente digitare "startjs" (o qualsiasi altro tasto che definisco) e premere tab. Una volta fatto, tutto il codice sopra verrà incollato.
Molti IDE offrono una sezione di frammenti. Utilizzarli sicuramente per procedure più complicate. Tuttavia, è importante tenere presente che Texter funziona ovunque. Non dipende da un programma specifico.
Ad esempio, ho preso una pagina vuota al 100% ed è stato in grado di creare tutto il codice sottostante in circa dieci secondi, senza copiare e incollare. Ho utilizzato circa cinque frammenti.
Documento senza titolo
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
L'opzione migliore è fare una ricerca su Google per "expander di testo libero". Ci sono molte versioni a pagamento, ma se guardi abbastanza, dovresti riuscire a trovare alcune app che funzioneranno perfettamente. Ecco alcune considerazioni degne di nota.
Tra le opzioni sopra elencate, solo "Texter" è gratuito al 100%. Gli altri due offrono una prova gratuita di 30 giorni. Se qualcuno di voi ha altre opzioni, lascia un commento e aggiornerò questa lista. Per questo tutorial, utilizzeremo Texter (Windows), ma la maggior parte delle tecniche può essere facilmente tradotta in un diverso software.
È facile! Prendi un blocco di codice e incollalo negli appunti. Cerca di mantenere il codice il più generale possibile; in questo modo non dovrai modificarlo troppo. Apri Texter, o il tuo expander di scelta, e scegli una chiave univoca. Successivamente, incolla il tuo codice - e il gioco è fatto! Per testarlo, torna al tuo documento, digita la tua chiave e premi la scheda!
Ho letteralmente dozzine di scorciatoie assegnate, che vanno dai semplici frammenti agli script più complicati (di cui apprenderai lo screencast). Alcuni dei miei preferiti sono elencati di seguito:
// La digitazione di jquery + tab mi dà:
// La digitazione beginjq + tab mi dà:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Non dimenticare il semplice tre secondi volte. Quelli si sommano rapidamente nel corso di una settimana!
Se trascorriamo un minuto in più, possiamo scrivere uno script veloce che posizionerà il cursore tra le virgolette "src". (Ricorda: l'obiettivo è quello di toccare il mouse il meno possibile.) Cambia l'opzione in Texter da "Testo" a "Script" e incolla quanto segue:
^ Left ^ left ^ left left left
In questo piccolo script, aggiungiamo il nostro tag immagine e quindi usiamo una combinazione di "Control Left" e "Left" per posizionare correttamente il cursore.
Ogni volta che pubblichiamo un'esercitazione su nettuts + che contiene script, dobbiamo aggiungere gli attributi "nome" e "classe" corretti ai nostri pre-tag. Ciò consente l'evidenziazione della sintassi. Per esempio…
la sceneggiatura dell'autore va qui ...
Come puoi immaginare, può essere difficile scrivere, o anche copiare e incollare, quelli che avvolgono pre-tag quindici volte per articolo. Sembra un grande utilizzo per l'espansione del testo! Tuttavia, l'inserimento di questo frammento nel nostro programma di scelta non è sufficiente. Abbiamo bisogno di aggiungere un semplice script. Quanto segue funzionerà per Texter; assicurati di aver selezionato l'opzione "Script" piuttosto che "Testo".
INVIO INVIOSU
Quando desideriamo dire a Texter di eseguire un tasto specifico, racchiudiamo semplicemente il nome della chiave tra parentesi graffe. Ad esempio, quando ho digitato UP alla fine, l'ho fatto perché volevo che il cursore finisse per finire tra i due pre-tag, non dopo.
(il cursore sarà proprio qui)
Potrebbe essere necessario modificare i tuoi script per il tuo IDE di scelta. Tieni presente che alcuni IDE applicano indentazione automatica, completamento del codice, ecc. Ciò può rovinare leggermente gli script. Per compensare, potrebbe essere più semplice disabilitare queste funzionalità.
Sono sempre alla ricerca di scorciatoie. Si tratta di mantenere il salario orario più alto possibile, senza produrre un prodotto inferiore. Come risparmi tempo durante lo sviluppo?
Io, e sono sicuro che gli altri lettori, apprezzerebbero se avessi incollato i "mini-script" personalizzati di Texter insieme a una breve descrizione di come ti aiutano!