How to use VSCode to remotely edit website files?

Ron Le Vine picture Ron Le Vine · Nov 28, 2017 · Viewed 29.5k times · Source

I need to be able to remotely log into web servers for my clients and edit code remotely. I mostly use this for CSS changes, but also am starting to play with PHP as well.

I have tried to get Remote-Editor to work but it won't pick up the .remote file that I placed in the /home folder. The instructions don't really give great details on setting this up.

What do I do?

Answer

Mark picture Mark · Nov 28, 2017

Use an FTP client (like FileZilla), then set VSCode as the default editor. Anytime you open a file, it will open it in VSCode. I highly recommend that you download all of the code to your own computer and use it as a dev environment, and then, when you're finished with your changes, backup your site, then upload the modified files together. It's not required to edit files on your own machine, but it is recommended if you ever need to revert to an old version for whatever reason (like you made a mistake in the code, and now nothing works right).

Alternatively, you can use an extension like FTP Sync to code locally, and have the files be automatically synced for you.