Skip to content

Tutto per WordPress, lo sviluppo web — e non solo

⚡ Atom è stato chiuso: come trasferire le tue funzionalità preferite su VS Code

⚡ Atom è stato chiuso: come trasferire le tue funzionalità preferite su VS Code

Avete passato anni a configurare Atom. Centinaia di righe in config.cson, decine di plugin, scorciatoie da tastiera personalizzate. L'editor era diventato un'estensione delle vostre mani. E poi GitHub ha annunciato: dal 15 dicembre 2022 Atom è ufficialmente chiuso, repository archiviati, sviluppo interrotto.

La soluzione si è rivelata semplice e complessa allo stesso tempo. Semplice, perché il successore è ovvio: Visual Studio Code, l'editor open source gratuito di Microsoft, è già diventato uno standard di settore. Complessa, perché migrare significa ricostruire da zero il proprio ambiente di lavoro abituale. Ma ogni funzionalità che amavate in Atom è già integrata in VS Code oppure si installa con un clic.

In questo articolo, il trasferimento diretto di tre scenari specifici da Atom a VS Code: formattazione del codice, ricerca rapida nel progetto e lavoro con un server remoto via FTP. Con nomi precisi delle estensioni, scorciatoie da tastiera e configurazioni.

💡 Panoramica rapida:

  • Installate VS Code, aggiungete le estensioni Prettier (formattazione) e SFTP (sincronizzazione con il server)
  • Memorizzate tre scorciatoie: Ctrl+Shift+F per la ricerca nei file, Ctrl+P per la navigazione rapida, Ctrl+Shift+P per la palette comandi
  • Configurate sftp.json una volta sola, attivate uploadOnSave e l'editor gestirà automaticamente la sincronizzazione a ogni salvataggio
  • Imparate Ctrl+P @ per la navigazione tra i simboli e Ctrl+P : per saltare a una riga, due funzionalità senza equivalenti in Atom

Formattazione del codice, prettificazione automatica senza plugin

In Atom, il pacchetto atom-beautify gestiva la formattazione di HTML, CSS e JS. Si apriva la palette comandi (Ctrl+Shift+P), si digitava "Install packages", si cercava atom-beautify e si cliccava "Install". Poi ci si abituava alla scorciatoia Ctrl+Alt+B per avviare la formattazione.

VS Code va oltre. La formattazione di base è integrata direttamente nel core: Shift+Alt+F su Windows o Shift+Option+F su Mac. Nessun plugin, nessuna configurazione. Ma per un lavoro serio, la community ha da tempo adottato un unico strumento, Prettier. È un formattatore opinionato: decide la larghezza della riga, inserisce i punti e virgola, manda a capo gli attributi lunghi. Nessun dibattito sullo stile nel team, Prettier fa tutto da solo.

L'installazione richiede un minuto. Aprite le Estensioni (Ctrl+Shift+X), digitate Prettier - Code formatter (autore, esbenp.prettier-vscode), cliccate Installa. Per fare in modo che Prettier si attivi a ogni salvataggio, andate nelle impostazioni (Ctrl+,), selezionate "Format on Save" o aggiungete a settings.json:

1{
2 "editor.formatOnSave": true,
3 "editor.defaultFormatter": "esbenp.prettier-vscode"
4}

Da questo momento in poi, ogni salvataggio (Ctrl+S) formatta automaticamente il file. La stessa sensazione di atom-beautify, solo più veloce e senza un gestore di pacchetti aggiuntivo.

Ricerca rapida e navigazione nel progetto

In Atom si usava Ctrl+Shift+F per cercare nei file della cartella di progetto. La meccanica era semplice: si apriva un progetto come directory, si premeva la scorciatoia, si inseriva una stringa e si vedevano le corrispondenze in tutti i file contemporaneamente.

VS Code implementa la ricerca esattamente allo stesso modo, Ctrl+Shift+F. Si apre una barra laterale di ricerca con un campo di input. Digitate una sottostringa e l'editor mostra tutte le occorrenze raggruppate per file. Potete cliccare su qualsiasi corrispondenza e saltare direttamente a quella riga. Tutto come in Atom, solo che la ricerca è molto più veloce, il motore ripgrep scritto in Rust scansiona l'albero dei file all'istante anche in monorepo di grandi dimensioni.

Ma il vantaggio principale di VS Code è Ctrl+P (Apertura rapida). Non è solo un cambio rapido di file: digitate parte del nome di un file senza il percorso esatto e l'editor lo trova all'istante. Avete digitato ftpconf e sftp.json è già in prima riga. Aggiungete @ dopo il nome, compare un elenco a discesa di simboli (funzioni, classi, variabili) all'interno del file. Aggiungete :, saltate al numero di riga. Tre tasti senza ritardi da Slow Keys: Ctrl+P, un paio di lettere, Enter.

E ancora una cosa: Ctrl+Shift+P, Palette comandi. Come in Atom, ma con una ricerca fuzzy dei comandi più intelligente. Digitate fmt, vedete sia Formatta documento sia tutte le azioni correlate. I plugin vengono rilevati automaticamente.

Lavorare con un server remoto: SFTP invece di Remote-FTP

In Atom, per le connessioni FTP si usava il pacchetto Remote-FTP. La configurazione risiedeva in .ftpconfig e richiedeva la gestione manuale del parametro keepalive: alcune versioni del plugin interpretavano 0 come disabilitazione del keepalive, altre come un intervallo di 10000 ms. La confusione con ECONNRESET era la norma, specialmente dopo gli aggiornamenti.

In VS Code, SFTP di Natizyskunk gestisce FTP/SFTP, un fork attivamente mantenuto dell'originale liximobo/vscode-sftp. Il flusso di lavoro è lo stesso, ma senza i bug legacy del keepalive. La configurazione va in .vscode/sftp.json all'interno della cartella del progetto. Modello base:

1{
2 "name": "My Server",
3 "host": "ftp.example.com",
4 "protocol": "ftp",
5 "port": 21,
6 "username": "user",
7 "password": "password",
8 "remotePath": "/public_html/project",
9 "uploadOnSave": true
10}

Il campo uploadOnSave: true è la magia: ogni Ctrl+S salva simultaneamente il file in locale e lo carica sul server. Nessuna sincronizzazione manuale.

L'installazione è standard: Ctrl+Shift+X → cercate SFTP (autore Natizyskunk) → Installa. Poi Ctrl+Shift+PSFTP: Config e l'editor creerà un modello sftp.json nella cartella .vscode. Compilate i campi host, login e password, salvate e siete pronti a lavorare. Il comando SFTP: Download Project scaricherà un progetto esistente dal server in un colpo solo.

Se il vostro .ftpconfig di Atom è da qualche parte nei backup, il trasferimento dei campi richiede un minuto: host e port rimangono invariati, user diventa username, remote diventa remotePath. La password in sftp.json è facoltativa: non specificatela, l'editor la chiederà alla prima connessione (in realtà è più sicuro così).

Un analogo diretto per chi preferisce SSH a FTP è l'estensione Remote, SSH di Microsoft. Non si limita a sincronizzare i file, apre un'intera macchina remota come una cartella locale. Terminale, debugging, ricerca, tutto funziona sul server in modo trasparente.

⁉️🤔 Domande frequenti

È obbligatorio passare da Atom specificamente a VS Code?

No, la scelta dell'editor è una questione personale. Oltre a VS Code esistono Zed (veloce, basato su Rust, focalizzato sugli assistenti AI), Sublime Text 4 (minimalista, a pagamento) e Pulsar, un fork community di Atom che cerca di continuarne lo sviluppo. Ma in termini di "dimensione della community + numero di estensioni + frequenza di aggiornamento", VS Code nel 2026 non ha rivali. Pulsar ha effettivamente raccolto parte della community di Atom e supporta il vecchio formato dei pacchetti, incluso atom-beautify, ma il ritmo di sviluppo è molto più lento, il catalogo delle estensioni è limitato e i team aziendali non lo stanno adottando. Se siete sviluppatori individuali e non volete categoricamente cambiare abitudini, provatelo. Per tutto il resto, c'è VS Code.

Come si migrano gli snippet da Atom a VS Code?

Atom memorizzava gli snippet utente in ~/.atom/snippets.cson (formato CSON, simile a JSON in stile CoffeeScript). VS Code utilizza JSON semplice nel file snippets.code-snippets all'interno della cartella .vscode del progetto o globalmente tramite File > Preferences > User Snippets. Il formato è diverso: campo prefix invece di prefix in CSON, body con un array di stringhe invece che multilinea. La migrazione di una voce richiede 30 secondi di copia e incolla. Per migrazioni massive esistono convertitori, cercate atom-to-vscode-snippets su GitHub.

E i temi di colore?

Tutti i temi più diffusi di Atom sono stati portati su VS Code da tempo. One Dark, Monokai, Dracula, Nord, Gruvbox, digitate il nome del tema nella ricerca delle Estensioni (Ctrl+Shift+X) e apparirà al primo tentativo. L'evidenziazione della sintassi in VS Code funziona tramite le grammatiche TextMate, le stesse usate da Atom, quindi colori e token corrispondono in modo quasi perfetto.

Il multi-cursore funziona come in Atom?

Sì, e con esattamente gli stessi tasti: Ctrl+D seleziona l'occorrenza successiva della parola sotto il cursore, Alt+Click posiziona un punto di modifica arbitrario, Ctrl+Shift+L seleziona tutte le occorrenze in una volta sola. Atom ha inventato la modifica multi-cursore, VS Code l'ha implementata in modo identico.

VS Code può aprire file molto grandi (log, dump)?

Atom iniziava a rallentare sensibilmente su file più grandi di 2 MB e la soglia dei 10 MB era praticamente insormontabile. VS Code li gestisce decisamente meglio: file fino a 50-100 MB si aprono normalmente (l'evidenziazione della sintassi potrebbe disabilitarsi automaticamente per risparmiare memoria). Per log extra-large (gigabyte), usate l'estensione Large File Support o strumenti esterni come less/grep nel terminale.

Cosa installare nel 2026: uno stack specifico al posto di Atom

Se siete ancora su Atom, l'ultimo giorno per migrare era ieri. L'editor non riceve più aggiornamenti di sicurezza, il gestore di pacchetti apm è disabilitato e alcuni pacchetti sono già incompatibili con l'ultima versione (1.63.2 di novembre 2022). Rimanere su un editor morto significa lavorare con una porta aperta.

Stack sostitutivo specifico:

  • VS Code come editor principale, gratuito, aggiornamenti mensili, oltre 50.000 estensioni nel Marketplace.
  • Prettier per formattare tutto: HTML, CSS, JS, Markdown, JSON. Un tasto al salvataggio.
  • SFTP di Natizyskunk per caricare file sull'hosting via FTP/SFTP. Stesso schema .ftpconfig di Remote-FTP, solo senza i bug del keepalive.
  • Remote, SSH se l'hosting supporta l'accesso SSH: lavoro completo con i file del server senza sincronizzazione manuale.

Tre passi per iniziare subito: scaricate VS Code dal sito ufficiale, installate le estensioni Prettier e SFTP, trasferite i dati da .ftpconfig a sftp.json. Vi prenderà un'ora e chiuderà la questione editor per gli anni a venire. Provateci, tanto tutto ciò che è elencato è gratuito.