Atom è stato un importante editor di testo opensource, attivo dal 2014 al 2022. Sviluppato da GitHub e multipiattaforma, ha vantato un parco di package (pacchetti sviluppati dalla comunità, che estendono le funzionalità del software) che stupiva per quantità e qualità.
Nel 2015, con l’uscita della versione 1.0, Atom è stato per un paio d’anni il mio editor di riferimento. In questo post celebrativo, ecco quali sono stati i miei 15 package preferiti per l’uso su progetti web.
Temi
- Seti-ui è un bel tema d’interfaccia, compatto e a sfondo nero, con un buon set di icone per i tipi di file
- Seti-syntax è il tema di sintassi con lo stesso schema di colori di Seti-ui
Produttività
- Emmet permette di scrivere velocemente sequenze di codice HTML e CSS tramite catene di abbreviazioni (e molto altro)
- Javascript-snippets genera codice JavaScript a partire da sigle (esempio: [fe] produce un ciclo forEach)
- Color-picker permette di creare o modificare il codice di un colore nei formati più comuni (HEX, RGB, etc.)
- Autoprefixer inserisce le regole CSS aggiuntive con prefisso dei browser (-moz-, -webkit-, etc.)
- Zen nasconde gli elementi di interfaccia non essenziali, per una scrittura priva di distrazioni
- Auto-detect-indentation permette di lavorare con file che usano indentazione diversa dal default di Atom (ad esempio 2 o 4 spazi invece della tabulazione) senza creare inconsistenze
- Project-manager permette di memorizzare un elenco di progetti con impostazioni personalizzate
- Todo-show mostra l’insieme di tutte le stringhe FIXME e TODO del progetto
Qualità del codice
- JSHint segnala errori e i potenziali problemi JavaScript evidenziando le righe corrispondenti
- Atom-alignment allinea le assegnazioni di variabili JavaScript premendo ctrl+alt+a
Anteprime
- Markdown-preview (attivo di default) mostra il render HTML del codice Markdown usando ctrl+shift+m
- Minimap mostra un’anteprima dell’intero file sulla destra (utile per file molto lunghi) come già visto in Sublime Text
Bonus: Paranoie (qualcuno là fuori li usa davvero)
- Vim-mode permette di usare il controllo modale di Vim all’interno di Atom
- Editor-stats mostra un grafico dell’attività di mouse e tastiera nelle ultime 6 ore