Avrai già familiarità con un editor di testo se hai seguito qualche corso Codecademy. Qui sotto c’è l’editor di testo di Codecademy a schermo intero alla fine del primo modulo del corso di HTML.
Mentre l’ambiente di apprendimento di Codecademy fornisce un’esperienza di codifica intuitiva e amichevole per gli utenti, a volte avrai bisogno di usare il tuo editor di testo. Per esempio, se decidete di frequentare un Meetup o un corso di codifica di persona, useranno un editor di testo scaricabile, e avrete bisogno di installarlo per lavorare sui progetti sia in classe che a casa.
Io mi sono dilettato con alcuni editor di testo per avere un’idea di cosa si adatta meglio alle mie esigenze. Questo è fondamentale perché non c’è un “miglior” editor di testo là fuori, solo quello che ti permette di creare il tuo lavoro migliore.
In questo articolo, fornirò un confronto approfondito di due degli editor di testo più popolari: Visual Studio e Sublime Text.
Visual Studio
Visual Studio (l’editor di testo è conosciuto come Visual Studio Code, quindi d’ora in poi faremo riferimento a quello) è l’editor di testo gratuito di Microsoft che funziona su Windows, Linux e macOS. È un concorrente recente sul mercato; Microsoft ha rilasciato il prodotto come anteprima pubblica alla fine del 2015, pubblicando il codice open source su Github, prima di renderlo disponibile come rilascio generale nell’aprile 2016.
Nonostante il suo status di newbie, Visual Studio Code ha rapidamente guadagnato popolarità tra gli sviluppatori, classificandosi come l’ambiente di sviluppo più popolare in generale nel sondaggio sugli sviluppatori 2018 di Stack Overflow.
Le basi
Questa è la schermata iniziale di Visual Studio Code quando scrivi la tua prima riga di codice o apri un file che hai già creato:
Nel pannello in alto a sinistra, puoi vedere le diverse varianti di codice che stai modificando. In questo caso, sto modificando un file chiamato “style.css.”
Il pannello centrale è dove si modifica il codice che avete scritto o che dovete correggere; potete aprire e modificare diversi file fianco a fianco.
Il layout di Visual Studio è simile a quello dell’editor di testo di Codecademy nella sua semplicità e facilità d’uso. Date un’occhiata all’editor di testo di Codecademy qui sotto per un confronto.
È possibile, naturalmente, modificare anche il layout. La modalità Zen è una delle mie preferite, soprattutto perché suona così rilassante. In realtà, si tratta di una modalità a schermo intero che permette di modificare il codice senza distrazioni.
Altre caratteristiche
Visual Studio Code permette di modificare il codice in una grande varietà di linguaggi di programmazione. L’esempio che ho usato sopra è CSS (sì, sto classificando CSS come un linguaggio di codifica!). CSS è uno dei linguaggi di programmazione integrati, ma è possibile installare e configurare altri linguaggi, come Python e C#, tramite il Marketplace delle estensioni.
Debugging
Uno dei classici esercizi che si fanno quando si impara a programmare è quello di “rompere” del codice e poi provare a ripararlo. Nei miei primi giorni di programmazione, ho passato secoli a fissare linee di codice fino a quando i miei occhi si sono annebbiati, cercando di capire perché quello che avevo scritto non si rifletteva nel prodotto finale.
Fortunatamente, Visual Studio Code include la funzionalità di debug per aiutare a rilevare questi errori prima di raggiungere la fase degli occhi annebbiati. Per iniziare il debug del vostro codice, tutto quello che dovete fare è premere F5 per eseguirlo nella finestra corrente, o andare al menu “Debug”.
È anche possibile creare dei “punti di interruzione”, che sono punti in cui il processo di debug si fermerà automaticamente.
A un livello più basilare di debugging, Visual Studio Code rileva automaticamente i problemi minori nel vostro codice, e vi porta direttamente lì in modo da poter risolvere il problema facilmente.
Intellisense
Quando stavo imparando a scrivere codice, uno dei consigli che l’insegnante ci dava quando non sapevamo come fare qualcosa era di cercarla su Google. Microsoft ha costruito una caratteristica in Visual Studio Code chiamata Intellisense, che è un’alternativa a Googlare il problema (o “Bing-ing”, nel caso di Microsoft).
IntelliSense analizza la semantica (lettere) di ciò che state inserendo, così come il resto del codice che avete creato, e poi fornisce suggerimenti su come finire ciò che state scrivendo. È possibile accedere a tutta una serie di completamenti diversi attraverso Intellisense, compresi i suggerimenti del server di lingua, snippet, e completamenti testuali basati sulle parole.
IntelliSense è disponibile per i linguaggi di programmazione più comuni, compresi HTML, CSS e Javascript, ma per altre lingue, è necessario installare una estensione.
E il resto
Visual Studio Code ha una serie di altre utili caratteristiche che ti aiuteranno nel tuo percorso di codifica, aiutandoti a visualizzare meglio il tuo codice e ad accelerare la tua programmazione. Questo include:
- Supporto per gli snippet: Questo vi permette di creare un catalogo di piccole parti di codice riutilizzabili, che potete inserire in corpi di codice più grandi
- Funzionalità “Vai a”: Questo permette di trovare rapidamente e andare a simboli, file, linee e definizioni
- Evidenziazione della sintassi: Questo mostra il codice in diversi colori e caratteri in accordo con il tipo di linguaggio di codifica usato.
Impressione complessiva
Confessione: Sono un utente Windows/Microsoft Office di lunga data. Parte della ragione di questa decisione (non cool) è che trovo i prodotti Microsoft familiari e facili da navigare. Lo stesso vale per Visual Studio Code.
Anche se sei nuovo agli editor di testo, VS Code è facile da prendere e da usare subito. Ha un look and feel Microsoft, e ha due livelli che lo rendono ideale per qualsiasi tipo di utente.
Se sei un coder principiante, è facile lavorare sui comandi di base (in più Microsoft ha scritto un sacco di documentazione per esso), ma se sei un utente esperto che cerca di fare qualche programmazione seria, ci sono anche molte opzioni avanzate.
Sublime Text (Versione 3)
Sublime Text, che è stato sviluppato da un ex ingegnere di Google, esiste dal 2007. La prima grande differenza tra esso e Visual Studio Code (VSC) è che ha un costo di licenza di 80 dollari, anche se ha una versione di prova gratuita. Proprio come VSC, funziona su Windows, Linux e macOS, ed è il quarto ambiente di sviluppo più popolare nel 2018 secondo StackOverflow.
L’ultima versione di Sublime Text – la versione 3 – è stata in beta per più di quattro anni, da gennaio 2013 fino a quando è stata rilasciata al pubblico nel settembre 2017.
Le basi
Quando si apre Sublime Text per la prima volta, si ottiene un editor di testo spogliato. Non c’è una barra laterale, nessuna opzione di ricerca, nessuna opzione che ti porta direttamente alla barra laterale dell’estensione. Fornisce un layout più focalizzato per aiutarti a concentrarti sulla codifica. C’è una piccola minimappa nell’angolo in alto a destra per darvi una visione a colpo d’occhio del vostro codice.
Si è aperto abbastanza velocemente rispetto a Visual Studio Code e, se siete pronti a passare all’editing del codice, è un perfetto punto di partenza. Tuttavia, se siete nuovi agli editor di testo, le altre caratteristiche e funzionalità sono più difficili da trovare. La maggior parte di ciò di cui hai bisogno è nei menu in alto, ma vorrai anche richiamare la Paletta dei comandi (di cui parleremo più avanti) dal menu Strumenti per arrivare più rapidamente a ciò di cui hai bisogno.
Funzionalità di Sublime Text
Se vuoi ottenere il massimo da Sublime Text, vorrai installare plugin extra per avere funzionalità extra. Per farlo, hai bisogno di installare Package Control, che ti guideremo qui sotto.
Package Control
Package Control è simile al mercato delle estensioni di Visual Studio, ma non è disponibile out-of-the-box. Ci sono molti pacchetti (o plugin) disponibili per le persone che sono alle prime armi con la programmazione, come un pacchetto iniziale per C++, un pacchetto che aiuterà con i completamenti di Python (un po’ come Intellisense in Visual Studio), ed Emmet, che aiuta a scrivere HTML e CSS più velocemente permettendovi di usare abbreviazioni, che espande automaticamente.
Command Palette
Quando usate la funzione Command Palette, sarete in grado di trovare e navigare verso qualsiasi comando molto più velocemente che se doveste cercarlo nei menu. Puoi accedere praticamente a tutto, e la Command Palette si autocompila per te, quindi se non sei sicuro di cosa stai cercando esattamente, ti suggerirà alcune opzioni.
Per esempio, se stai lavorando a un progetto e hai bisogno di aggiungere rapidamente una nuova cartella, o salvare il progetto su cui stai lavorando, puoi rapidamente tirare fuori quell’opzione. O se vuoi creare snippet senza dover navigare attraverso i menu, puoi fare anche questo.
Per accedere a Command Palette, tutto quello che devi fare è premere ctrl + shift + p.
Funzionalità Goto
C’è un menu in Sublime Text dedicato a tutte le funzionalità “Goto” in questo editor di testo. Questa è una versione molto più completa del menu “Vai a” di Visual Studio.
Alcuni dei punti salienti includono Goto Symbol (aggiunto in Sublime Text 3), che permette di trovare facilmente tutti gli esempi di simboli all’interno di un file. L’esempio qui sotto è per i tag H1 (c’era solo un’istanza in questo file).
Progetti
La funzione Progetti si riferisce ad un modo di organizzare cartelle e file all’interno di Sublime Text. Significa che tutte le cartelle e i file sono memorizzati in un unico posto e rapidamente accessibili dalla barra laterale non appena si apre il progetto, piuttosto che dover continuare ad aprire manualmente altri file. Significa anche che puoi cercare (rapidamente) in tutti i file all’interno di un progetto in una sola volta.
Puoi avere solo un progetto aperto in uno spazio di lavoro alla volta, quindi se vuoi cambiare progetto, devi selezionare l’opzione “Switch Projects”.
Visual Studio ha una caratteristica simile chiamata “Workspaces”, che permette di aprire e lavorare su più file contemporaneamente.
E il resto
Sublime Text ha una serie di altre caratteristiche “minori”, che vale la pena menzionare qui. Queste includono:
- Snippet: Questi funzionano nello stesso modo di Visual Studio, ma si possono anche costruire i propri, o installarne altri dalle estensioni
- Multi-edit: Quando si preme ctrl + d, tutte le istanze della parola o del comando su cui ci si trova attualmente saranno evidenziate all’interno del file, si può anche premere ctrl + f per trovare e sostituire le parole.
Impressione complessiva
Sublime Text è un editor di testo veloce e spogliato che è caldo per organizzare e cercare attraverso il codice che avete scritto, ed essere in grado di saltare facilmente a qualsiasi funzione o simbolo rapidamente. La sua funzionalità “Goto” e molte scorciatoie da tastiera lo rendono facile per gli sviluppatori esperti per navigare, e per scrivere e trovare facilmente il codice senza dover togliere le mani dalla tastiera. Per i programmatori più inesperti (come me), ci vuole più tempo per abituarsi.
Sublime Text non include un’opzione di debug, che potrebbe essere un problema per gli sviluppatori che richiedono questa funzionalità.
Quale editor di testo dovrei scegliere?
Visual Studio potrebbe essere classificato come un ambiente di sviluppo integrato (IDE), perché permette ai programmatori di scrivere e testare il codice. Sublime Text, d’altra parte, è “solo” un editor di testo (anche se eccellente) perché si concentra sul fornire il modo più veloce per organizzare e scrivere il codice, ma nessuna capacità di testare (debug) il codice.
Un’altra grande differenza tra Visual Studio Code e Sublime Text è il supporto che Microsoft fornisce rispetto a Sublime Text. Microsoft ha creato una documentazione che spiega quasi tutte le caratteristiche e come usarle, così come post sul blog e tutorial video per aiutare gli utenti a prendere velocità con l’editor di testo.
Sublime Text fornisce una documentazione più difficile da trovare, un post sul blog che spiega le caratteristiche dell’ultima versione, e un forum.
Sublime Text è veloce e facile da scrivere codice e navigare quando si sa cosa si sta facendo. Visual Studio fornisce più aiuto ed è una grande opzione per la sua funzionalità di debug, ma potrebbe rallentare alcuni programmatori esperti e veloci quando si tratta di scrivere codice.