Cos’\u00e8 Sublime Text?<\/h2>\n
Sublime Text<\/a> si presenta come un “sofisticato editor di testo per codice, markup e testi in prosa”. \u00c8 stato rilasciato pi\u00f9 di dieci anni fa, nel gennaio 2008, ed \u00e8 ora alla sua quarta versione principale con supporto per Mac, Windows e Linux.<\/p>\n Al suo interno, Sublime Text \u00e8 simile a un coltellino svizzero che pu\u00f2 essere applicato a qualsiasi caso d’uso o problema che coinvolga la manipolazione del testo.<\/p>\n A prima vista, Sublime Text pu\u00f2 sembrare un editor di testo<\/a> utile solo a chi lavora nello sviluppo. Ed \u00e8 vero, \u00e8 un grande strumento per sviluppare, ma \u00e8 anche una potente applicazione per chi scrive e ha un blog<\/a>.<\/p>\n Prima di immergerci in tutte le caratteristiche e capacit\u00e0 di Sublime Text, vediamo velocemente alcuni scenari in cui Sublime Text pu\u00f2 essere utile.<\/p>\n Regex, abbreviazione di regular expression, \u00e8 una sintassi per specificare i modelli di ricerca. Regex si usa spesso per individuare stringhe di testo simili (ma diverse) per la modifica del testo.<\/p>\n Per esempio, se volete eliminare tutti i tag HTML<\/a> da un documento, sarebbe molto dispendioso in termini di tempo cercare ogni tag da eliminare (per esempio Invece, potete eseguire la ricerca con un singolo schema regex. In questo caso, il modello regex Eseguire una ricerca e sostituzione regex \u00e8 molto semplice in Sublime Text. Nella barra dei menu, fate clic su Find > Find in Files.<\/strong>. Successivamente, attivate la modalit\u00e0 regex nel menu cerca e sostituisci, specificate il modello regex nel campo “Find”, selezionate A differenza dei tradizionali editor di testo, Sublime Text vi permette di eseguire il codice direttamente all’interno dell’applicazione. Questo \u00e8 particolarmente utile per progetti pi\u00f9 semplici come piccoli script Bash o Python<\/a>.<\/p>\n Per esempio, se state scrivendo un semplice script Python per estrarre dati da una lista di URL, impostare un terminale separato per il debug del codice \u00e8 meno conveniente che eseguire lo script direttamente in Sublime Text.<\/p>\n Per eseguire il codice in Sublime Text, andate su Tools > Build System<\/strong> e selezionate la lingua per il vostro codice (Sublime \u00e8 dotato di supporto per vari linguaggi come Python<\/a>, Ruby, Bash e altri). Poi, premete Cmd+B<\/strong> su Mac o Ctrl+B<\/strong> su Windows per eseguire il vostro codice.<\/p>\n Esistono molti tipi di situazioni in cui potreste aver bisogno di modificare pi\u00f9 righe in un documento di testo simultaneamente. Immaginate di avere una lista di domini<\/a> e di dover aggiungere Con Sublime Text, potete selezionare tutte le linee che volete modificare, premere Shift+Cmd+L<\/strong>, e modificare ogni linea contemporaneamente!<\/p>\n Come potete vedere, mentre Sublime Text ha caratteristiche avanzate orientate agli sviluppatori, ci sono anche una variet\u00e0 di strumenti potenti come il supporto regex e la modifica multilinea che sono senza dubbio utili anche per chi non si occupa di sviluppo.<\/p>\n Ora che avete una comprensione generale di ci\u00f2 che Sublime Text pu\u00f2 fare, approfondiamo e impariamo qualcosa di pi\u00f9 sull’applicazione.<\/p>\n Forse la caratteristica pi\u00f9 potente (specialmente per chi programma) di Sublime Text sono gli snippet di testo.<\/p>\n Sappiamo tutti che scrivere codice pu\u00f2 essere macchinoso a volte. Gli snippet di Sublime Text forniscono un modo semplice e veloce per inserire blocchi di testo che appariranno ripetutamente in qualsiasi progetto.<\/p>\n Ci\u00f2 che rende questi snippet di testo ancora meglio \u00e8 che sono facili da capire e piuttosto semplici da scrivere. Questo strumento aiuta gli sviluppatori a risparmiare tempo e a eliminare molti errori<\/a> durante lo sviluppo.<\/p>\n Digitate la parola “trigger” e premete il pulsante tab<\/strong> per iniziare uno snippet.<\/p>\n Sublime Text \u00e8 disponibile dal sito ufficiale di Sublime Text in download gratuito<\/a>. Detto questo, Sublime Text tecnicamente non \u00e8 “freeware”, invece \u00e8 un’applicazione “shareware”, il che significa che pu\u00f2 essere scaricata gratuitamente, ma alcune funzioni possono essere limitate dopo un certo periodo.<\/p>\n Nel caso di Sublime Text, l’app continuer\u00e0 a funzionare indefinitamente, ma occasionalmente vedrete un pop-up con i dettagli su come acquistare l’app.<\/p>\n Se vi interessa acquistare Sublime Text, potete ottenere una licenza personale per 99 dollari, o licenze aziendali a partire da 65 dollari\/posto\/anno. Anche se una licenza a pagamento non sblocca nessuna funzionalit\u00e0 di base aggiuntiva, ottenete l’accesso ai seguenti vantaggi:<\/p>\n Poich\u00e9 Sublime Text \u00e8 un’applicazione cos\u00ec ricca di funzionalit\u00e0, discuteremo le caratteristiche essenziali e i flussi di lavoro per due sottoinsiemi di utenti: chi scrive e chi sviluppa. Ma prima, capiamo le basi di Sublime Text prima di passare ad argomenti specifici per l’utente.<\/p>\n A differenza di altre applicazioni con menu di impostazioni grafiche, le impostazioni di Sublime Text sono interamente basate sul testo. Per visualizzare le vostre impostazioni di Sublime Text, andate su Sublime Text > Preferences<\/strong> e fate clic su Settings<\/strong>. Dovreste vedere un documento come questo:<\/p>\n Questo documento di impostazioni pu\u00f2 sembrare scoraggiante all’inizio (soprattutto se non siete abituati a lavorare con strumenti orientati allo sviluppo<\/a>), ma ora vi aiuteremo a dare un senso a tutto!<\/p>\n Le impostazioni di Sublime Text sono memorizzate in formato JSON. JSON \u00e8 un formato standard del settore per la memorizzazione di informazioni chiave-valore, quindi potreste averlo gi\u00e0 visto usato da qualche altra parte. JSON memorizza le informazioni in array chiave-valore in questo modo:<\/p>\n L’array qui sopra pu\u00f2 essere usato per descrivere le propriet\u00e0 di un’auto: in questo caso, una berlina blu con cinque posti. Allo stesso modo, un array JSON pu\u00f2 specificare le impostazioni di un’applicazione, che \u00e8 esattamente ci\u00f2 che fa Sublime Text.<\/p>\n Torniamo al file delle impostazioni di Sublime Text. Come potete vedere nello screenshot qui sopra, il file delle impostazioni \u00e8 presentato come due array JSON. L’array a sinistra contiene le impostazioni predefinite di Sublime Text, mentre quello a destra include le impostazioni utente personalizzate.<\/p>\n In generale, non dovreste mai cambiare le impostazioni predefinite direttamente. Potete invece sovrascrivere le impostazioni predefinite con impostazioni personalizzate: questo vi permette di tornare alle impostazioni predefinite se qualcosa va storto.<\/p>\n Quindi, come fareste a cambiare alcune impostazioni predefinite? Diciamo che volete fare i cambiamenti qui sotto:<\/p>\n Per fare queste modifiche, aggiungete ogni elemento al documento delle impostazioni utente personalizzate in formato JSON valido (se avete delle impostazioni personalizzate esistenti, aggiungete ogni impostazione senza creare un nuovo array). In questo modo:<\/p>\n Se non siete certi di aver formattato correttamente le impostazioni, potete usare uno strumento online come JSONLint<\/a> per validare il vostro array JSON. Dopo aver specificato le impostazioni, salvate il file e tutto \u00e8 pronto!<\/p>\n Quando lavorate a un progetto, che sia una serie di articoli per il blog<\/a> o il codice sorgente di un’applicazione web, \u00e8 comune che i vostri file siano organizzati in una cartella di progetto. Sublime Text considera e fornisce un’interfaccia grafica funzionale per la gestione di file e cartelle.<\/p>\n Diciamo che avete una cartella chiamata “my-sublime-text-project” come quella nello screenshot qui sotto. Se trascinate questa cartella in Sublime Text, potrete creare nuovi file e cartelle direttamente in Sublime Text.<\/p>\n Come potete vedere, la cartella “my-sublime-text-project” si trova sul lato sinistro della finestra di Sublime Text sotto “Folders”.<\/p>\n Facendo clic con il tasto destro del mouse sulla cartella del progetto si apre un sottomenu che vi permette di creare nuovi file, rinominare i file, creare ed eliminare le cartelle e altro. Le funzioni di gestione dei file incorporate in Sublime Text rimuovono il bisogno di uno strumento esterno come Finder per eseguire compiti di gestione dei file di base.<\/p>\n In Sublime Text, un progetto si riferisce a una collezione di file e cartelle importate (per esempio la cartella “my-sublime-text-project” che abbiamo importato prima. Se fate clic su Project<\/strong> nella barra dei menu, vedrete che ci sono opzioni come “Open project”, “Switch project” e “Save project as”. Tuttavia, non c’\u00e8 nessuna opzione per creare un nuovo progetto.<\/p>\n Questo perch\u00e9 i progetti di Sublime Text sono creati implicitamente quando create un nuovo file e importate una cartella. Nell’esempio sopra, possiamo fare clic su Project<\/strong> nella barra dei menu e fare clic su Save project as<\/strong> per salvare il progetto.<\/p>\n Evidenziate come la funzione di gestione dei file e dei progetti pu\u00f2 organizzare il contenuto. Per esempio, un\u2019autrice potrebbe creare un file per ogni capitolo di un libro, mentre un blogger potrebbe creare diverse cartelle per diverse categorie di articoli.<\/p>\n Sublime Text ha una potente implementazione di ricerca e sostituzione<\/a>. Non solo supporta le regex, ma potete anche specificare file e cartelle in cui cercare. Per esempio, se un autore volesse cambiare il nome di un personaggio in una storia, potrebbe specificare la cartella di ricerca ed eseguire la ricerca su tutti i contenuti della cartella.<\/p>\n Sublime Text \u00e8 estensibile e il suo pacchetto MarkdownEditing<\/a> \u00e8 un grande strumento per chi scrive usando la sintassi Markdown.<\/p>\n Sublime Text ha un ricco ecosistema di plugin a cui si pu\u00f2 accedere tramite il gestore di pacchetti integrato. Sviluppatricei e sviluppatori possono installare plugin per migliorare il loro flusso di lavoro. Per esempio, il plugin Formatter include regole di formattazione per HTML, CSS, JS, Python e altri linguaggi<\/a>.<\/p>\n Il plugin pu\u00f2 essere configurato per formattare automaticamente i file di codice sorgente, il che aiuta a mantenere il codice ordinato e standardizzato in termini di formattazione.<\/p>\n Un altro paio di plugin da considerare sono Package Control<\/a> (necessario per installare i plugin) e Emmet<\/a>.<\/p>\n Sublime Text offre l’editing multilinea, a cui si pu\u00f2 accedere tenendo premuto Command su Mac (Ctrl su Windows) e usando il mouse per selezionare pi\u00f9 linee. Dopo aver selezionato pi\u00f9 linee, potete modificare tutte le linee in una volta sola ed \u00e8 supportato anche il copia\/incolla multilinea.<\/p>\n Sublime Text supporta le finestre divise per visualizzare e modificare pi\u00f9 file contemporaneamente. Questo pu\u00f2 essere utile quando fate riferimento a un file diverso mentre lavorate su un progetto.<\/p>\n Sublime Text include il supporto per i build system. I build system sono sistemi di automazione che vi permettono di eseguire il codice direttamente nel terminale dell’editor Sublime Text senza il bisogno di un terminale esterno<\/a>.<\/p>\n Per esempio, potreste creare un build system per eseguire un programma Python e un altro build system per eseguire un programma Go. Quando sviluppate un’applicazione, potete selezionare un build system e usare una scorciatoia per eseguire il programma direttamente da Sublime Text.<\/p>\n Potete migliorare ancora di pi\u00f9 la vostra esperienza di codifica scaricando un tema di Sublime Text. La maggior parte dei temi include gi\u00e0 una variet\u00e0 di schemi di colore.<\/p>\n La differenza tra temi e schemi di colore per Sublime Text \u00e8 che un tema decora gli elementi principali dell’interfaccia utente, come i pannelli laterali, le schede, i menu e altro, mentre gli schemi di colore sono responsabili dell’evidenziazione della sintassi.<\/p>\n Alcuni dei migliori temi a cui dare un\u2019occhiata sono:<\/p>\nRegex per il cerca e sostituisci<\/h3>\n
<h1><\/code>, <p><\/code>, <span><\/code>, ecc.).<\/p>\n[a-zA-Z0-9]<\/code> pu\u00f2 essere utilizzato per trovare tutti i tag HTML in un documento.<\/p>\n![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-10.jpg\")
<current file><\/code>, e poi clic su Find<\/strong> o Replace<\/strong> a seconda di ci\u00f2 che dovete realizzare.<\/p>\n\nEseguire Rapidamente il Codice<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-11.jpg\")
Editing Multi-Linea<\/h3>\n
http:\/\/<\/code> a ogni riga. Certo, potete andare riga per riga, ma questo potrebbe potenzialmente richiedere molto tempo.<\/p>\n![\"Modifica](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-12.jpg\")
Snippet di Testo<\/h3>\n
Come Scaricare Sublime Text<\/h2>\n
\n
Sublime Text 101: Le Basi<\/h2>\n
Come Personalizzare le Impostazioni di Sublime Text<\/h3>\n
![\"Impostazioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-52.png\")
{\n\u201ccolor\u201d: \u201cblue\u201d,\n\u201ctype\u201d: \u201csedan\u201d,\n\u201cseats\u201d: 5,\n}<\/code><\/pre>\n\"font_size\": 10<\/code> a \"font_size\": 20<\/code><\/pre>\n\"margin\": 4<\/code> a \"margin\": 6<\/code><\/pre>\n\"line_numbers\": true<\/code> a \"line_numbers\": false<\/code><\/pre>\n{\n\"font_size\": 20,\n\"margin\": 6,\n\"line_numbers\": false,\n}\n<\/code><\/pre>\nGestione del Progetto e dei File in Sublime Text<\/h3>\n
![\"Progetto](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-7.jpg\")
![\"Gestione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-8.jpg\")
![\"Creazione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/02\/Untitled-9.jpg\")
Sublime Text per la Scrittura<\/h2>\n
Evidenziare la Gestione dei File<\/h3>\n
Potente Motore di Ricerca e Sostituzione<\/h3>\n
Molto Estensibile<\/h3>\n
Sublime Text per lo Sviluppo<\/h2>\n
Ricco Ecosistema di Plugin<\/h3>\n
Editing Multilinea<\/h3>\n
Supporto alle Finestre Divise<\/h3>\n
Supporto per i Build System<\/h3>\n
Pi\u00f9 Personalizzazione con i Temi<\/h3>\n