Remote edition with Atom

How to edit files on the server with your local editor

Supported editors: Atom / TextMate / SublimeText

this document will describe how to configure it with Atom

On the client

• Install the plugin remote-atom

apm install remote-atom

• forward the ssh port to the remote-atom port (default:52698), done like this in my bashrc:

SSH_PORT = your_ssh_port
alias rp3r='ssh -i ~/.ssh/key.rsa [email protected] -R $SSH_PORT\:localhost:52698 -p $SSH_PORT'

On the server

• rmate (there are many ports, my favorite being the bash one)

Put rmate somewhere in your PATH or alias it, mine is:

alias atom='~/bin/rmate'

Don't forget to configure the port in rmate to your ssh port.

Editing

• Launch Atom, then : Packages > Remote Atom > Start Server

The editor will now listen for a file to edit.

Use the alias rp3r to connect to your server.

Now you can use rmate to edit your file, it should open a new tab in Atom (and focus the window 👍).

When you save a file, the file is send to the server, and refreshed; it allow the WebpackHotMiddleware to watch every modification of files, without having to close the editor. tl;dr : enjoy the live-reload when you :w