• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
logo

Tutsplanet

Free Technical and Blogging Resources

  • Home
  • Web Hosting
  • Programming
  • Plugins
  • Write For US
  • News
  • About Us
  • Snippets
You are here: Home / Programming / Add FTP/SFTP in Visual Studio Code

Add FTP/SFTP in Visual Studio Code

Aug 7, 2018 by Editorial Staff 3 Comments

When you work with a PHP project, you want to upload a file to server time to time. Just imagine if you have the FTP in your code editor That’s what I am talking about. Follow the below instructions to add a FTP/SFTP in visual studio code editor.

Search for the suitable extension in the extension market.

Click on the square icon on the left side to go to Extension manager. Once you are there, just search for ftp in the text. There will be so many options popping up. Select an extension with name ftp-simple, my favorite and very simple to use and configure.  Install it by clicking on the install button.

Add-FTP-SFTP-in-Visual-Studio-Code01

Press F1 key in your keyboard which opens up a text box for options. Start typing something like config, then select the option FTP connection setting from the drop down.

Add FTP/SFTP in Visual Studio Code

 

Note: If this is not appearing, just press the reload button in the extension window, or quit and open the visual code editor.

Next, Screen will be like below, add your ftp connection parameters in the JSON array. You may have multiple connections in the same JOSN area.

Add FTP/SFTP in Visual Studio Code

Ctrl+S to save the new changes.

Next, hit F1 key again to appear the options search box , and type a text remote in there. It will be showing  Remote directory open to workspace , select that option.

Add-FTP-SFTP-in-Visual-Studio-Code04

When selecting config option, the connection name (you’ve saved in the json config)  will appear and the path too in next screens.

Add-FTP-SFTP-in-Visual-Studio-Code05

Add-FTP-SFTP-in-Visual-Studio-Code06

That’s it, you are ready to use the remote files in the Visual Studio code editor. You can see the remote files in the left pane of the editor.

Add-FTP-SFTP-in-Visual-Studio-Code06


Editorial Staff

Editorial Staff at Tutsplanet is a dedicated team to write various tutorials about subjects like Programming, Technology and Operating Systems.

View all posts by Editorial Staff

Filed Under: Programming

Reader Interactions

Comments

  1. DZ says

    Feb 20, 2019 at 5:17 pm

    would work fine if you didn’t need to navigate to subfolders, which makes this a deal killer

    Reply
  2. Robert says

    Feb 16, 2021 at 6:33 pm

    Hello you did big confusion

    there are both ftp-simple and simple-ftp extensions

    in the search box you typed “ftp-simple” but right below you mention “simple-ftp”

    … ? …

    Reply
    • Editorial Staff says

      Feb 21, 2021 at 8:26 am

      It’ FTP-SIMPLE. Thanks for pointing out. Updated the article.

      Reply

Leave a Reply Cancel 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.

Primary Sidebar




Quick Links

  • A Simple YouTube Video Downloader Script in PHP
  • The 50 Most Useful jQuery Plugins for Frontend Development
  • Base64 Decode Online
  • Base64 Encode Online

Subscribe

* indicates required

Share

   

Hot topics

  • A Simple YouTube Video Downloader Script in PHP 270 views
  • Replace “\n” with new line characters, using Notepad++ 242 views
  • Add FTP/SFTP in Visual Studio Code 176 views
  • Open a URL in a new tab using JavaScript 141 views
  • Using Third-Party Libraries in Codeigniter 139 views
  • Upload Multiple Images and Store in Database using PHP and MySQL. 130 views
  • Laravel Image Intervention Tutorial With Example 125 views
  • Hierarchical Tree view Category Example in Laravel 112 views
  • Spout, an awesome library for reading and writing in Excel. 102 views
  • Manually Install APK Files In Android Studio Emulator 98 views

Categories

  • Design & Development
  • Drupal
  • Facebook
  • General
  • How To
  • ios
  • Javascript
  • Linux
  • Magento
  • Marketing
  • News
  • PHP
  • Plugins
  • Programming
  • Snippets List
  • Social Media
  • Softwares
  • Themes
  • Tips
  • Wordpress
  • YouTube

Copyright © 2021 · TutsPlanet Gene Theme on Genesis Framework · Powered By BunnyCDN