Sublime Text è uno degli editor di testo più popolari al mondo. È ricco di potenti caratteristiche come l’editing multilinea, sistemi di compilazione per decine di linguaggi di programmazione, regex per il cerca e sostituisci, un’API Python per sviluppare plugin e molto altro.

La cosa migliore è che è multipiattaforma (Mac, Windows e Linux) ed è distribuito come “shareware”, il che significa che potete usarlo gratuitamente accettando il pop-up di invito all’acquisto che comparirà ogni tanto.

In questo articolo, imparerete come usare Sublime Text per soddisfare tutte le vostre esigenze di modifica del testo e del codice!

Cos’è Sublime Text?

Sublime Text si presenta come un “sofisticato editor di testo per codice, markup e testi in prosa”. È stato rilasciato più di dieci anni fa, nel gennaio 2008, ed è ora alla sua quarta versione principale con supporto per Mac, Windows e Linux.

Al suo interno, Sublime Text è simile a un coltellino svizzero che può essere applicato a qualsiasi caso d’uso o problema che coinvolga la manipolazione del testo.

A prima vista, Sublime Text può sembrare un editor di testo utile solo a chi lavora nello sviluppo. Ed è vero, è un grande strumento per sviluppare, ma è anche una potente applicazione per chi scrive e ha un blog.

Prima di immergerci in tutte le caratteristiche e capacità di Sublime Text, vediamo velocemente alcuni scenari in cui Sublime Text può essere utile.

Regex per il cerca e sostituisci

Regex, abbreviazione di regular expression, è 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.

Per esempio, se volete eliminare tutti i tag HTML da un documento, sarebbe molto dispendioso in termini di tempo cercare ogni tag da eliminare (per esempio <h1>, <p>, <span>, ecc.).

Invece, potete eseguire la ricerca con un singolo schema regex. In questo caso, il modello regex [a-zA-Z0-9] può essere utilizzato per trovare tutti i tag HTML in un documento.

Schermata in Sublime Text con i campi per il cerca e sostituisci.
Cerca e sostituisci il testo in Sublime Text.

Eseguire una ricerca e sostituzione regex è molto semplice in Sublime Text. Nella barra dei menu, fate clic su Find > Find in Files.. Successivamente, attivate la modalità regex nel menu cerca e sostituisci, specificate il modello regex nel campo “Find”, selezionate <current file>, e poi clic su Find o Replace a seconda di ciò che dovete realizzare.

Eseguire Rapidamente il Codice

A differenza dei tradizionali editor di testo, Sublime Text vi permette di eseguire il codice direttamente all’interno dell’applicazione. Questo è particolarmente utile per progetti più semplici come piccoli script Bash o Python.

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 è meno conveniente che eseguire lo script direttamente in Sublime Text.

Schermata di Sublime Text con l’esecuzione del codice.
Eseguire il codice in Sublime Text.

Per eseguire il codice in Sublime Text, andate su Tools > Build System e selezionate la lingua per il vostro codice (Sublime è dotato di supporto per vari linguaggi come Python, Ruby, Bash e altri). Poi, premete Cmd+B su Mac o Ctrl+B su Windows per eseguire il vostro codice.

Editing Multi-Linea

Esistono molti tipi di situazioni in cui potreste aver bisogno di modificare più righe in un documento di testo simultaneamente. Immaginate di avere una lista di domini e di dover aggiungere http:// a ogni riga. Certo, potete andare riga per riga, ma questo potrebbe potenzialmente richiedere molto tempo.

Modifica multilinea in Sublime Text
Modifica multilinea in Sublime Text

Con Sublime Text, potete selezionare tutte le linee che volete modificare, premere Shift+Cmd+L, e modificare ogni linea contemporaneamente!

Come potete vedere, mentre Sublime Text ha caratteristiche avanzate orientate agli sviluppatori, ci sono anche una varietà di strumenti potenti come il supporto regex e la modifica multilinea che sono senza dubbio utili anche per chi non si occupa di sviluppo.

Ora che avete una comprensione generale di ciò che Sublime Text può fare, approfondiamo e impariamo qualcosa di più sull’applicazione.

Snippet di Testo

Forse la caratteristica più potente (specialmente per chi programma) di Sublime Text sono gli snippet di testo.

Sappiamo tutti che scrivere codice può 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.

Ciò che rende questi snippet di testo ancora meglio è che sono facili da capire e piuttosto semplici da scrivere. Questo strumento aiuta gli sviluppatori a risparmiare tempo e a eliminare molti errori durante lo sviluppo.

Digitate la parola “trigger” e premete il pulsante tab per iniziare uno snippet.

Come Scaricare Sublime Text

Sublime Text è disponibile dal sito ufficiale di Sublime Text in download gratuito. Detto questo, Sublime Text tecnicamente non è “freeware”, invece è un’applicazione “shareware”, il che significa che può essere scaricata gratuitamente, ma alcune funzioni possono essere limitate dopo un certo periodo.

Nel caso di Sublime Text, l’app continuerà a funzionare indefinitamente, ma occasionalmente vedrete un pop-up con i dettagli su come acquistare l’app.

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à di base aggiuntiva, ottenete l’accesso ai seguenti vantaggi:

  • Nessun pop-up di promemoria per l’acquisto
  • Accesso alle versioni di sviluppo di Sublime Text
  • Notifiche di aggiornamento in-app

Sublime Text 101: Le Basi

Poiché Sublime Text è un’applicazione così ricca di funzionalità, 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.

Come Personalizzare le Impostazioni di Sublime Text

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 e fate clic su Settings. Dovreste vedere un documento come questo:

Impostazioni di Sublime Text.
Impostazioni di Sublime Text.

Questo documento di impostazioni può sembrare scoraggiante all’inizio (soprattutto se non siete abituati a lavorare con strumenti orientati allo sviluppo), ma ora vi aiuteremo a dare un senso a tutto!

Le impostazioni di Sublime Text sono memorizzate in formato JSON. JSON è un formato standard del settore per la memorizzazione di informazioni chiave-valore, quindi potreste averlo già visto usato da qualche altra parte. JSON memorizza le informazioni in array chiave-valore in questo modo:

{
“color”: “blue”,
“type”: “sedan”,
“seats”: 5,
}

L’array qui sopra può essere usato per descrivere le proprietà di un’auto: in questo caso, una berlina blu con cinque posti. Allo stesso modo, un array JSON può specificare le impostazioni di un’applicazione, che è esattamente ciò che fa Sublime Text.

Torniamo al file delle impostazioni di Sublime Text. Come potete vedere nello screenshot qui sopra, il file delle impostazioni è 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.

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.

Quindi, come fareste a cambiare alcune impostazioni predefinite? Diciamo che volete fare i cambiamenti qui sotto:

"font_size": 10 a "font_size": 20
"margin": 4 a "margin": 6
"line_numbers": true a "line_numbers": false

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:

{
"font_size": 20,
"margin": 6,
"line_numbers": false,
}

Se non siete certi di aver formattato correttamente le impostazioni, potete usare uno strumento online come JSONLint per validare il vostro array JSON. Dopo aver specificato le impostazioni, salvate il file e tutto è pronto!

Gestione del Progetto e dei File in Sublime Text

Quando lavorate a un progetto, che sia una serie di articoli per il blog o il codice sorgente di un’applicazione web, è 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.

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.

Progetto in Sublime Text.
Progetto in Sublime Text.

Come potete vedere, la cartella “my-sublime-text-project” si trova sul lato sinistro della finestra di Sublime Text sotto “Folders”.

Gestione di file e cartelle in Sublime Text.
Gestione di file e cartelle in Sublime Text.

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.

Creazione di file e cartelle.
Crea file e cartelle.

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 nella barra dei menu, vedrete che ci sono opzioni come “Open project”, “Switch project” e “Save project as”. Tuttavia, non c’è nessuna opzione per creare un nuovo progetto.

Questo perché 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 nella barra dei menu e fare clic su Save project as per salvare il progetto.

Sublime Text per la Scrittura

Evidenziare la Gestione dei File

Evidenziate come la funzione di gestione dei file e dei progetti può organizzare il contenuto. Per esempio, un’autrice potrebbe creare un file per ogni capitolo di un libro, mentre un blogger potrebbe creare diverse cartelle per diverse categorie di articoli.

Potente Motore di Ricerca e Sostituzione

Sublime Text ha una potente implementazione di ricerca e sostituzione. 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.

Molto Estensibile

Sublime Text è estensibile e il suo pacchetto MarkdownEditing è un grande strumento per chi scrive usando la sintassi Markdown.

Sublime Text per lo Sviluppo

Ricco Ecosistema di Plugin

Sublime Text ha un ricco ecosistema di plugin a cui si può 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.

Il plugin può essere configurato per formattare automaticamente i file di codice sorgente, il che aiuta a mantenere il codice ordinato e standardizzato in termini di formattazione.

Un altro paio di plugin da considerare sono Package Control (necessario per installare i plugin) e Emmet.

Editing Multilinea

Sublime Text offre l’editing multilinea, a cui si può accedere tenendo premuto Command su Mac (Ctrl su Windows) e usando il mouse per selezionare più linee. Dopo aver selezionato più linee, potete modificare tutte le linee in una volta sola ed è supportato anche il copia/incolla multilinea.

Supporto alle Finestre Divise

Sublime Text supporta le finestre divise per visualizzare e modificare più file contemporaneamente. Questo può essere utile quando fate riferimento a un file diverso mentre lavorate su un progetto.

Supporto per i Build System

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.

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.

Più Personalizzazione con i Temi

Potete migliorare ancora di più la vostra esperienza di codifica scaricando un tema di Sublime Text. La maggior parte dei temi include già una varietà di schemi di colore.

La differenza tra temi e schemi di colore per Sublime Text è 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.

Alcuni dei migliori temi a cui dare un’occhiata sono:

Riepilogo

Sublime Text è uno degli editor di codice più popolari oggi. E a ragione, perché fornisce sia a chi scrive sia a chi sviluppa moltissimi strumenti per migliorare il lavoro.

Non c’è niente di più soddisfacente che trovare l’editor di codice perfetto. Se non avete mai provato Sublime Text, vale la pena dargli un’occhiata.

State usando Sublime Text? Lo preferite ad altri editor di codice? Fatecelo sapere nella sezione dei commenti qui sotto.

Brian Li

Brian has been a WordPress user for over 10 years, and enjoys sharing his knowledge with the community. In his free time, Brian enjoys playing the piano and exploring Tokyo with his camera. Connect with Brian on his website at brianli.com.