Raddy Website Design & Development Tutorials

How to use FTP Simple In Visual Studio Code

By Raddy in Visual Studio Code ·

Being able to connect to a web server and make changes without having to download files, open them with a code editor and then having to re-upload is a big time saver. This is exactly what FTP Simple does – it allows you to connect straight to your server (local or not) and make website changes without wasting too much time downloading and uploading files.

This video will show you how to connect FTP in Visual Studio Code. This video is enough to get you started and use the core functionality of the FTP simple extinction in Visual Studio Code.

Plugin name: Ftp-Simple

  1. Juanda says:

    Hello Raddy,

    Video is helpful. Thanks for it. How do you remove the ftp sources from the file explorer after finish editing?
    Thanks.

    1. Raddy says:

      Hey Juanda,

      I am glad that the video was helpful

      You can remove the FTP sources the way you add them. Press F1 on your keyboard and search for “ftp-simple: Config – FTP connection settings” then just remove the FTP details that you don’t want. The only way to be safe is to remove them. Clearing the editor history won’t help.
      If you want to clear the editor history too for some reason you can press F1 and search for “Clear Editor: History”. It doesn’t seem to work very well for me.

      I hope this helps
      Raddy

  2. Pawel says:

    Hello. FTP-simple works fine. But I have problem. I’am using Live Sass Compiler in VSCode. And this compiler don’t want work with php-simple. Do you have Idea how to combine their action.

    1. Raddy says:

      Hey Pawel,

      Are you doing a remote connection or have you set up a local working environment. You can do both with Ftp-simple and if you are only connecting remotely to do changes, I think that you would need to right-click and FTP Upload the files manually.

      I did another video on this explaining the local and remote working. If you are interested you can check it out here:
      https://www.youtube.com/watch?v=9L1ciOkHSAQ

      I hope that you get it solved!

  3. Jerry says:

    Sorry it there any terminal code to use for starting and closing instead of keyboard shortcuts

    1. Raddy says:

      Unfortunately not. I can’t find anything in the documentation. Maybe you can suggest it on their GitHub page.

  4. mauricio says:

    i have this message : Error: None of the available transfer strategies work
    open , but not connect and not donwload, update any file

    1. Raddy says:

      Hi Mauricio,
      Somebody has a similar issue a week or two ago. I am not sure what it could be. I am beginning to wonder if there is a new issue with the plugin. Might be best to ask on the official Github page.

  5. Gonzalo says:

    Dear Raddy,

    Thank you very much for your video and for sharing your knowledge, I am now following you everywhere [not behind you in the street LMAO 😉 ] to see everything from my interest but I have one little issue with ftp-simple and vscode. Everytime I save a file it is not automatically uploaded to the FTP server on the same location the file is on my local computer, say for example I have ./wwwroot/menu/menu.php on my local machine and I do changes and save the file, I would expect ftp-simple then replicating the file on the server on ./wwwroot/menu/menu.php but it doesnt, I need to manually right click on the file and click on the option that reads: ftp-simple: Save – Upload to FTP server. And then it again asks for the location I would like the file to be uploaded… wouldnt it just save to the same location but on the remote server? Am I missing any setting? First for auto-pushing files to my FTP and secondary, when pushing manually, to push to the same location I have locally?

    Thanks in advance!

    1. Raddy says:

      Hey Gonzalo, I hope that you are doing well and thanks for stalking me lol. I have not used this extinction in a long time. Saying this here are a few of the settings that you are after:

      path – string – (option) remote root path. Default: ‘/’
      autosave – boolean – (option) To determine whether the automatically uploaded when you open a file directly and modify and save. Default: true
      confirm – boolean – (option) Only save option. When you save the file, ask if you want to overwrite the file if it already exists.. Default: true
      project – object – (option) Only save option. Pre-specify local workspace path and server root path to save directly without selecting a path. Overwrite unconditionally.

      I think that is gonna require some messing around to figure it out. I hope that the options help you out

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.