Scorciatoie e suggerimenti per migliorare la produttività con un testo sublime

Sublime Text è, senza dubbio, uno dei più potenti editor di testo in circolazione. Il numero di utenti soddisfatti lo attesta. Se lo esplori, alla fine vedrai come le sue potenti funzionalità sono nascoste dietro un'interfaccia semplice ed elegante.

Se usi Sublime Text da un po' di tempo, ora è il momento di potenziare il tuo arsenale con nuove munizioni. Ti guiderò attraverso alcuni dei miei suggerimenti e trucchi preferiti. Conoscerli potrebbe semplicemente scatenare i tuoi poteri nascosti come programmatore nel mondo.

Ulteriori letture su SmashingMag:

• 50 potenti risparmi di tempo per i web designer
• Suggerimenti, strumenti e trucchi per il flusso di lavoro potenti per i web designer
• Come mantenere organizzato il flusso di lavoro di codifica

Plugin di testo sublimi

Controllo del pacchetto

Package Control è una soluzione completa per il download e la gestione di plugin e temi relativi a Sublime Text. Le istruzioni di installazione sono disponibili sul sito Web Package Control.

Una volta installato, puoi accedervi utilizzando la tavolozza dei comandi. Per installare un plug-in, premi Cmd ⌘ + Shift ⇧ + P (Mac) o Ctrl ⌃ + Shift ⇧ + P (Windows e Linux), quindi inserisci Install Package e premi "Invio". L'elenco dei plugin nel repository richiede alcuni istanti per caricare, ma poi puoi digitare il nome del plugin che ti interessa e installarlo da lì. Alcuni dei miei plugin preferiti sono elencati di seguito.

Miglioramenti alla barra laterale

La barra laterale predefinita di Sublime Text può eseguire solo alcune attività limitate. Il plug-in Miglioramenti della barra laterale potenzia il testo sublime con i comandi per aprire il file in un browser, copiare, incollare, copiare un percorso, duplicare, eliminare e altro ancora.

Compiti semplici

Plain Tasks converte il testo sublime in un potente gestore di elenchi di cose da fare. Puoi installarlo tramite Package Control. Crea un file con .todo come estensione per attivare le attività semplici sopra di esso. Per altri suggerimenti, puoi accedere al tutorial fornito nel plug-in, disponibile in "Preferenze" → "Impostazioni pacchetto" → "Attività semplici" → "Tutorial".

Per un nuovo compito:

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

Per contrassegnare come completato:

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

Per contrassegnare come annullato:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows e Linux)

Sublime Linter

Verifica la presenza di errori nel codice utilizzando Sublime Linter. Il plugin fornisce un framework per linting il tuo codice. L'effettivo linting viene eseguito da vari plugin (per Ruby, Python, JavaScript ecc.), il che significa che devi prima installare Sublime Linter e quindi installare linter specifici per la sintassi per il tuo codice. È disponibile un'ampia documentazione.

Emmet

Emmet, un tempo noto come Zen Coding, è uno strumento indispensabile per qualsiasi sviluppatore web. È probabilmente il plugin più produttivo e che fa risparmiare tempo che tu abbia mai trovato.

La scrittura del codice richiede tempo e il lavoro di grugnito HTML come la scrittura di tag e il wrapping delle classi con virgolette può essere noioso. Emmet si occupa di tutto questo. Espande magicamente le abbreviazioni in un'intera struttura HTML o CSS. La sintassi utilizzata per queste abbreviazioni è ispirata ai selettori CSS. Guardiamolo in azione.

Tutore sublime

Sublime Tutor è un tutorial interattivo nell'editor per le scorciatoie da tastiera in Sublime Text. Se hai appena iniziato con Sublime Text, il plug-in aumenterà istantaneamente la tua produttività insegnandoti suggerimenti e trucchi ingegnosi all'interno dell'editor stesso. Il plug-in utilizza la tecnica della ripetizione distanziata per assicurarsi di ricordare i comandi che insegna.

Utilizzare Package Control per installare il plug-in. Una volta installato, puoi accedere al tutor tramite il menu "Aiuto" o la scorciatoia da tastiera Ctrl ⌃ + Alt ⌥ + K

Funzioni di testo sublimi

Vai a qualsiasi cosa

Questo è probabilmente il comando più potente e più utilizzato in Sublime Text. Naviga facilmente tra file, cartelle, simboli e linee.

Per andare a un file:

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

Premi lo shortcode della tastiera e inizia a digitare il nome di un file. Sublime Text eseguirà una ricerca sfocata e ti recherà immediatamente il file desiderato.

Vai a un simbolo:

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

Vai a una riga:

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows e Linux)

Per passare a una riga specifica in un file, digita i due punti seguiti dal numero di riga oppure utilizza il codice di scelta rapida della tastiera.

Selezione delle parole

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

Posiziona il cursore su una parola, premi lo shortcode della tastiera e la parola verrà immediatamente selezionata. Se premi di nuovo la stessa combinazione di tasti, Sublime Text entrerà in modalità di selezione multipla e selezionerà altre istanze della stessa parola nel documento. Puoi utilizzare questo metodo per aggiungere o sostituire rapidamente del testo in tutte le istanze di una parola.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows e Linux)

Questo è un altro modo per ottenere la stessa cosa. Invece di cercare una parola in modo incrementale, esegue una ricerca in blocco della parola sotto il cursore e passa alla modalità di selezione multipla.

Espandi la selezione nell'ambito

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

Questa scorciatoia è estremamente utile per gli sviluppatori JavaScript. Seleziona l'ambito corrente. Premendo nuovamente la stessa combinazione di tasti si seleziona il relativo ambito padre. Il video chiarisce come funziona:

Suddividi la selezione in righe

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

Utilizzare questa scorciatoia per suddividere l'area selezionata in più righe, mettendo Testo sublime in modalità di selezione multipla. Uso questo trucco per convertire rapidamente un elenco di parole in un array racchiuso di stringhe.

Selezione della colonna

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

Usa questa scorciatoia per selezionare una colonna in Sublime Text. Posiziona il cursore in un punto qualsiasi del documento, quindi premi il collegamento per selezionare le colonne in alto o in basso. Questo ti porta anche in modalità di selezione multipla, come i due comandi sopra.

Ordinare

• F5 (Mac)
• F9 (Windows e Linux)

Mi piace mantenere le mie proprietà CSS in ordine alfabetico. Questo comando è estremamente utile per questo. Seleziona il blocco che devi ordinare (suggerimento professionale: usa Ctrl ⌃ + Shift ⇧ + J per selezionare un livello di indentazione), quindi premi la scorciatoia da tastiera.

Attiva Controllo ortografico

• F6

Non dovrai più rimanere deluso dagli errori tipografici dopo che il codice è arrivato alla fase di revisione. Utilizzare questo tasto per attivare o disattivare rapidamente il correttore ortografico.

Commento

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

Questa è una delle mie scorciatoie più utilizzate. Contrassegnare i commenti in qualsiasi linguaggio di programmazione è semplificato con questa scorciatoia. In un file HTML, inserisce una coppia di <!-- --> , mentre in JavaScript mette // all'inizio di una riga.

Bubble una linea su o giù

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

Vuoi spostare un frammento di codice di cinque righe? Tagliare e incollare è davvero vecchia scuola. Usa questa combinazione di tasti per portare lo snippet dove vuoi. Premi di nuovo la scorciatoia per continuare a spostarla più in alto o in basso.

Selezione duplicata

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

Per impostazione predefinita, questa scorciatoia duplica la riga corrente e la inserisce nella riga successiva. Se selezioni una regione e premi questa scorciatoia, duplica l'intera regione.

Unisci due linee

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

Questo unisce la riga successiva alla riga corrente, sostituendo tutti gli spazi bianchi intermedi con un unico spazio. Eseguito su un blocco di linee, questo unisce tutte le linee insieme.

Vai a Parentesi abbinata

• Ctrl ⌃ + M

Utilizzare questo comando per spostare il cursore da una posizione tra parentesi all'altra. Questo è particolarmente utile quando ti perdi in un metodo lungo e vuoi raggiungere la sua posizione di partenza (o viceversa).

Chiudi tag HTML

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

Utilizzare questa scorciatoia per chiudere il tag HTML attualmente aperto. Inserisce il tag di chiusura corrispondente nella posizione corrente del cursore.

Trova nel progetto

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

Questo è l'equivalente grep di Sublime Text. Trova un termine all'interno di un intero progetto. La cosa speciale di questo comando è che è velocissimo. Ci sono opzioni per fare distinzione tra maiuscole e minuscole e per eseguire anche una corrispondenza regolare.

Per cercare un termine particolare nel documento corrente, a livello di progetto, posiziona il cursore su quel termine e quindi premi Ctrl ⌃ + E , che inserirà quel termine nella casella di ricerca. Premendo lo shortcode sopra, la casella di ricerca a livello di progetto viene popolata con questo termine.

Passa da una scheda all'altra

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

Proprio come in un browser web, puoi aprire più schede in Sublime Text. Per passare da una scheda all'altra, puoi utilizzare le scorciatoie sopra indicate e utilizzare Cmd ⌘ + T (Mac) o Ctrl ⌃ + N (Windows e Linux) per creare una nuova scheda.

Tavolozza dei comandi

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

Man mano che diventi esperto con Sublime Text, vorrai accedere sempre meno ai menu e invece essere in grado di fare tutto con pochi tocchi della tastiera. Con la tavolozza dei comandi, puoi digitare rapidamente un comando e Sublime Text eseguirà una corrispondenza sfocata con un set di comandi esistente, consentendoti di accedere ai comandi da una posizione comoda.

Ecco alcune cose che puoi provare nella tavolozza dei comandi: imposta la sintassi di un file appena creato, ordina le righe nel documento corrente e installa un plug-in utilizzando Package Control.

Mostra Console

• Ctrl ⌃ + `

Sublime Text viene fornito con un interprete Python incorporato. È uno strumento utile per eseguire comandi Python o per testare rapidamente le API di Sublime Text durante lo sviluppo di un plug-in per l'editor.

Ordinare

• F5 (Mac)
• F9 (Windows e Linux)

Mi piace mantenere le mie proprietà CSS in ordine alfabetico. Questo comando è estremamente utile per questo. Seleziona il blocco che devi ordinare (suggerimento professionale: usa Ctrl ⌃ + Shift ⇧ + J per selezionare un livello di indentazione), quindi premi la scorciatoia da tastiera.

Attiva Controllo ortografico

• F6

Non dovrai più rimanere deluso dagli errori tipografici dopo che il codice è arrivato alla fase di revisione. Utilizzare questo tasto per attivare o disattivare rapidamente il correttore ortografico.

Commento

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

Questa è una delle mie scorciatoie più utilizzate. Contrassegnare i commenti in qualsiasi linguaggio di programmazione è semplificato con questa scorciatoia. In un file HTML, inserisce una coppia di <!-- --> , mentre in JavaScript mette // all'inizio di una riga.

Bubble una linea su o giù

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

Vuoi spostare un frammento di codice di cinque righe? Tagliare e incollare è davvero vecchia scuola. Usa questa combinazione di tasti per portare lo snippet dove vuoi. Premi di nuovo la scorciatoia per continuare a spostarla più in alto o in basso.

Selezione duplicata

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

Per impostazione predefinita, questa scorciatoia duplica la riga corrente e la inserisce nella riga successiva. Se selezioni una regione e premi questa scorciatoia, duplica l'intera regione.

Unisci due linee

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

Questo unisce la riga successiva alla riga corrente, sostituendo tutti gli spazi bianchi intermedi con un unico spazio. Eseguito su un blocco di linee, questo unisce tutte le linee insieme.

Vai a Parentesi abbinata

• Ctrl ⌃ + M

Utilizzare questo comando per spostare il cursore da una posizione tra parentesi all'altra. Questo è particolarmente utile quando ti perdi in un metodo lungo e vuoi raggiungere la sua posizione di partenza (o viceversa).

Chiudi tag HTML

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

Utilizzare questa scorciatoia per chiudere il tag HTML attualmente aperto. Inserisce il tag di chiusura corrispondente nella posizione corrente del cursore.

Trova nel progetto

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

Questo è l'equivalente grep di Sublime Text. Trova un termine all'interno di un intero progetto. La cosa speciale di questo comando è che è velocissimo. Ci sono opzioni per fare distinzione tra maiuscole e minuscole e per eseguire anche una corrispondenza regolare.

Per cercare un termine particolare nel documento corrente, a livello di progetto, posiziona il cursore su quel termine e quindi premi Ctrl ⌃ + E , che inserirà quel termine nella casella di ricerca. Premendo lo shortcode sopra, la casella di ricerca a livello di progetto viene popolata con questo termine.

Passa da una scheda all'altra

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

Proprio come in un browser web, puoi aprire più schede in Sublime Text. Per passare da una scheda all'altra, puoi utilizzare le scorciatoie sopra indicate e utilizzare Cmd ⌘ + T (Mac) o Ctrl ⌃ + N (Windows e Linux) per creare una nuova scheda.

Tavolozza dei comandi

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

Man mano che diventi esperto con Sublime Text, vorrai accedere sempre meno ai menu e invece essere in grado di fare tutto con pochi tocchi della tastiera. Con la tavolozza dei comandi, puoi digitare rapidamente un comando e Sublime Text eseguirà una corrispondenza sfocata con un set di comandi esistente, consentendoti di accedere ai comandi da una posizione comoda.

Ecco alcune cose che puoi provare nella tavolozza dei comandi: imposta la sintassi di un file appena creato, ordina le righe nel documento corrente e installa un plug-in utilizzando Package Control.

Mostra Console

• Ctrl ⌃ + `

Sublime Text viene fornito con un interprete Python incorporato. È uno strumento utile per eseguire comandi Python o per testare rapidamente le API di Sublime Text durante lo sviluppo di un plug-in per l'editor.

Tieni presente che questo interprete viene fornito in bundle con Sublime Text ed è diverso dal Python installato nel tuo sistema. Lo scopo di questa console è interagire con l'API di Sublime Text per i plugin. Probabilmente hai usato questa console durante l'installazione di Package Control.

Per sapere cosa si può fare usando l'API del plugin di Sublime Text, consulta la documentazione.

Modalità senza distrazioni

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

Per gli scrittori e altri che hanno bisogno di concentrarsi intensamente, Sublime Text ha un'interfaccia ancora più minimalista. Usa la scorciatoia per attivare e disattivare la modalità senza distrazioni.

Assistente della riga di comando del testo

Sublime Text include uno strumento da riga di comando che semplifica il lavoro con i file sulla riga di comando. Per farlo funzionare su un Mac, devi renderlo disponibile nella tua shell.

Supponendo che tu abbia inserito Sublime Text nella cartella "Applicazioni" e che tu abbia una directory ~/bin nel tuo percorso, puoi eseguire quanto segue:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Per usarlo come editor predefinito per i comandi che richiedono l'input (come git commit ), imposta la variabile di ambiente editor .

 export EDITOR='sublime -w'

Su Windows, puoi usare subl.exe in modo simile.

Conclusione

Sublime Text è pieno di scorciatoie e comandi così potenti. Probabilmente non sarai in grado di ricordarli semplicemente scorrendo questo articolo; piuttosto, dovrai esercitarti mentre lo stai attraversando. Elenca le scorciatoie più utili per te stesso e consultale regolarmente mentre lavori con Sublime Text. La pratica è la chiave. Stai per diventare un ninja del Sublime Text.