Share
Sublime Text 3 ha un sacco di funzioni e scorciatoie per il codificatore moderno con cui giocare. Diamo un'occhiata ai più importanti che penso possano portare il tuo flusso di lavoro ad un nuovo livello. Scopri come utilizzare le scorciatoie di base, lavorare con i progetti o gestire le schede spesso senza nemmeno cliccare il mouse.
Conosco molti sviluppatori che non usano questa fantastica funzionalità. Qual è il tuo processo tipico se lavori a un progetto? Forse qualcosa come:
Non buono abbastanza. Diciamo che ieri sera hai lavorato su un file e stamattina vuoi continuare da dove eri rimasto. Il flusso di lavoro che abbiamo menzionato è piuttosto inefficiente, quindi lascia che ti rivolga la tua attenzione Progetto nella barra dei menu di Sublime Text:
Ogni progetto salvato ha il proprio file di configurazione, quindi per cominciare abbiamo bisogno di un posto nel nostro sistema per archiviarli tutti. Inizia creando una cartella, in qualsiasi modo a cui sei abituato, chiamata sublimi progetti (per esempio).
Quindi inizia un nuovo progetto, normalmente, avviando un nuovo file o una cartella in Sublime. Ora vai a Progetto> Salva progetto come ... Vai a sublimi progetti cartella, dare un nome al nuovo progetto e salvarlo.
Per accedere rapidamente a un elenco di tutti i progetti precedenti, utilizzare la scorciatoia CMD-CTRL-P. Digita una query di ricerca per filtrare l'elenco, premi invio e aprirai immediatamente le cartelle ei file di quel progetto nella barra laterale.
Troverai il tuo progetto con cartelle e schede aperte o chiuse esattamente come le hai lasciate.
Passare da un progetto all'altro, avanti e indietro, è anche molto semplice in questo modo.
Trovo che questo sia il più grande salvatempo di sempre. Digitare è meglio che fare clic quando si cerca un file, quindi, con un progetto aperto, premere CMD-P e inizia a digitare!
Le schede sono un modo fantastico per darti una panoramica del tuo progetto attuale. Molto spesso utilizzerai una scheda per i file HTML, un'altra per i CSS e talvolta l'ultima per JavaScript. Con queste scorciatoie rapide è possibile creare schede veloce:
Ora passiamo attraverso tutte queste schede:
Non sono un fan della selezione con il mouse: è troppo complicato e lento. Ad esempio, iniziare all'inizio di una parola, quindi tenere premuto il pulsante del mouse e trascinarlo fino alla fine della parola o della linea. Spesso non avrai la selezione che desideri. Usa le seguenti scorciatoie e non rimarrai deluso!
Fai una selezione e trova, una per una, altre istanze colpendo CMD-D.
Di nuovo, fai una selezione, ma ora trovi tutte le istanze in un colpo solo CMD-CTRL-G.
Qui abbiamo selezionato un'intera linea e ora possiamo selezionare le successive linee intere, passo dopo passo, con CMD-L.
Fare clic all'interno di un elemento con alcuni elementi figlio. Quindi premere CMD-SHIFT-J e tutti gli elementi figli saranno selezionati.
Queste sono alcune altre scorciatoie di cui non potrei vivere senza.
Premere per cercare una funzione nel file corrente CMD-R quindi inserire un termine di ricerca per filtrare fino alla funzione che si desidera trovare.
Fare clic sulla linea che si desidera copiare e quindi premere CMD-SHIFT-D. Ora hai una linea duplicata, identica in ogni modo, e il cursore salta con essa.
Colpire CMD-CTRL- ↓ o CMD-CTRL- ↑ per cambiare la posizione di una linea.
Se scrivi il tag di inizio e non voglio chiuderlo manualmente, quindi premere CMD-ALT-. e Sublime Text lo chiuderà per te. Un altro metodo è scrivere campata senza parentesi angolari e quindi premere TAB.
Sublime Text ha anche una scorciatoia per nascondere e mostrare la barra laterale. stampa CMD-K-B per attivarlo.
Quindi vuoi avere più di un cursore? tenere CMD e quindi fare clic sul punto in cui si desidera un secondo cursore. Puoi ripetere il processo e ottenere tutti i cursori che vuoi.
Per la prima tecnica devi cliccare su ogni posto dove vuoi un altro cursore. Ma forse hai delle linee dove vuoi un cursore su ognuna, tutte allineate verticalmente. Non fare clic su ciascuno separatamente, invece premere ALT e quindi, con il tasto sinistro del mouse premuto, trascinare il cursore su o giù.
Personalmente scrivo spesso Markdown in Sublime Text, ma per cominciare non avevo un'anteprima del mio documento. Poi ho trovato Markdown Preview.
Per installarlo, vai al tuo editor, premi CMD-SHIFT-P per aprire Gestione pacchetti, cercare Controllo del pacchetto: Installa pacchetto, quindi cercare Anteprima Markdowne premere accedere per installarlo.
Ora apri il tuo file Markdown, esegui il file CMD-SHIFT-P scorciatoia di nuovo e cerca riduione di prezzo - lì troverai l'oggetto Anteprima Markdown: anteprima nel browser. Fare clic e il browser predefinito aprirà una scheda con l'anteprima.
Questo plugin ti aiuterà a scrivere CSS più velocemente e ad aggiungere alcuni helper. Hayaku è paragonabile a Emmet, ma con molte altre funzionalità in particolare per le proprietà nei CSS.
Ecco alcuni esempi di abbreviazioni di proprietà / valore usando Hayaku (hit TAB per eseguire ciascuno di essi):
Accentsconagua
por posizione: relativa;MT10 margin-top: 10px;cF colore: #FFF;brr background-repeat: repeat;TDN decorazione del testo: nessuna;È possibile utilizzare la tastiera per incrementare o decrementare valori numerici. Metti il cursore sul numero e usa le seguenti scorciatoie.
Tutti dovrebbero imparare scorciatoie nelle loro applicazioni di scelta! Se sei mai diventato frustrato nel dover ripetere le attività più e più volte, cerca una scorciatoia. Se ne trovi uno, prenditi del tempo per impararlo; ti ripagherà più e più volte.
Quali sono le tue scorciatoie preferite per Sublime Text 3? Quali usi quotidianamente?
