Premettendo che creare, scrivere e modificare file direttamente tramite ftp non è il miglior modo di sviluppare, in questa guida ti mostrerò come scrivere su un server remoto tramite FTP con Atom.

Ci sono molteplici situazioni in cui noi sviluppatori web ci troviamo a lavora su file tramite ftp con Filezilla, cPannel o con i vari file manager integrati negli hosting.

Grazie a questa guida vedremo com lavorare in FTP direttamente tramite Atom, un IDE di tutto rispetto.

Atom è uno degli editor di codice più usati, grazie anche al fatto che è open source e che dispone di moltissimo package creati dagli stessi utenti.

Poter lavorare direttamente su un server remoto tramite editor è una comodità per nulla scontata, tramite il package remote-ftp, riusciamo a faro in modo facile e veloce nel nostro IDE Atom.

Come scrivere su un server remoto tramite FTP con Atom

Scrivere su un server remoto tramite FTP con Atom : Installazione

Per installare, è sufficiente aprire Atom e fare clic sulle voci di menu:

Packages > Settings View >Install Packages/Themes.
Adesso digita ‘remote-ftp’ nel campo ‘Search Packages’. (Il risultato migliore dovrebbe essere ‘remote-ftp’ di icetee. )
Fare clic su ‘Install’ per installare il pacchetto.
Una volta installato, fai clic sul pulsante ‘Settings’ e scorri verso il basso fino a trovare il readme. Qui troverai alcuni file di configurazione che puoi copiare da qui o più avanti in questo articolo.

Scrivere su un server remoto tramite FTP con Atom

Adesso, create una cartella dove preferite, successivamente aprite la cartella su Atom. (File → Open Folder)

La cartella conterrà i file di configurazione che verrà usato per accedere al server tramite FTP, oltre che una copia dei file che modificherete.

Ora su Pacages→Remote FTP cliccate prima su toggle e successivamente su Create FTP config file.

Scrivere su un server remoto tramite FTP con Atom : Configurazione

Tramite il punto precedente, si è creato un file .ftpconfig sulla root del progetto, e all’interno andrà condigurato in questo modo (inserendo i vostri dati reali):

{
    "protocol": "ftp",
    "host": "0.0.0.0", // string - The hostname or IP address of the FTP server. Default: 'localhost'
    "port": 21, // integer - The port of the FTP server. Default: 21
    "user": "passuser.it", // string - Username for authentication. Default: 'anonymous'
    "pass": "Password", // string - Password for authentication. Default: 'anonymous@'
    "promptForPass": false, // boolean - Set to true for enable password dialog. This will prevent from using cleartext password in this config. Default: false
    "remote": "",
    "secure": false, // mixed - Set to true for both control and data connection encryption, 'control' for control connection encryption only, or 'implicit' for implicitly encrypted control connection (this mode is deprecated in modern times, but usually uses port 990) Default: false
    "secureOptions": null, // object - Additional options to be passed to tls.connect(). Default: (null) see <https://nodejs.org/api/tls.html#tls_tls_connect_options_callback>
    "connTimeout": 10000, // integer - How long (in milliseconds) to wait for the control connection to be established. Default: 10000
    "pasvTimeout": 10000, // integer - How long (in milliseconds) to wait for a PASV data connection to be established. Default: 10000
    "keepalive": 10000, // integer - How often (in milliseconds) to send a 'dummy' (NOOP) command to keep the connection alive. Default: 10000\\. If set to 0, keepalive is disabled.
    "watch":[ // array - Paths to files, directories, or glob patterns that are watched and when edited outside of the atom editor are uploaded. Default : []
        "./dist/stylesheets/main.css", // reference from the root of the project.
        "./dist/stylesheets/",
    ],
    "watchTimeout":500 // integer - The duration ( in milliseconds ) from when the file was last changed for the upload to begin.
}

Fondamentale:

host: Host Name del vostro server
port: Porta per accedere in FTP al vostro server ( Solitamente 21 )
user: username per accedere all’area FTP (fornito dal tuo host)
password. password per accedere all’area FTP (fornito dal tuo host)
remote. Cartella del tuo progetto sul server (Non necessaria sel il vostro progetto risiede nella root)

Ora avrete una schermata di questo tipo: