How to use VSCode to remotely edit website files?

Question

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. <

Answer 1

Use FileZilla, then set VScode as default editor (edit->settings->file editing->filetype associations and insert "php /usr/bin/code"). okey, now u need select your file on FTP and press "View/Edit", then ur file open in VScode editor. Done:)

Answer 2

open filezilla->edit->file editing->use custom editor->browse(find the visual code path)

for find visual code path->right click on the visual code and open location and paste that location to the browse menu and find the visual code short cut

after that press ok on filzilla it will work fine

Answer 3

Open Filezilla -> Edit -> Settings -> File Editing -> Filetype associations then type:

php "C:\Users\<username>\AppData\Local\Programs\Microsoft VS Code\Code.exe" %f

Note: substitute <username> with your windows username

Bonus: php can be replace with any kind of file format. Just write file extension name on lowercase.

Answer 4

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.

Answer 5

Just type this is Filezilla Settings->File Editing-> File Association

php /snap/bin/code

Answer 6

It's important that you start Filezilla as an administrator. That was the reason why it wasn't working for me.