We use cookies
We use cookies to optimize our website. By continuing to browse the site, you agree to our use of cookies.
New design
Control panel
  • Русский
  • Українська
  • English
  • UAH
  • USD
  • RUB
  • EUR
  • 0-800-307-307 Hotline
  • +38 (044) 392-74-33 Kiev
  • +38 (057) 728-39-00 Kharkiv
  • +38 (056) 794-38-31 Dnipro
  • +38 (032) 229-58-93 Lviv
  • +38 (048) 738-57-70 Odessa
  • +38(093) 170-15-42  Life
  • +38 (067) 400-88-44 Kievstar
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7 (499) 348-28-61 Moscow

2.6.4.2. Configuring FTP and SFTP Connection in VS Code

The VS Code editor has native functionality for synchronizing with the server, but it is achieved by installing and configuring additional software on the server, which is not always possible. We cannot use this type of synchronization on our hosting. You can also use plugins to synchronize data with the server, for example, one of the most popular FTP/ Sftp plugins is liximomo SFTP... Plugin documentation is available in English on the page GitHub.

Before connecting

Make sure the following requirements are met:

  • The IP from which the connection will be made has been added to the list of allowed in FTP security settings or in SSH security settings, depending on the choice of the connection method.
  • At least 15-30 minutes have passed since the IP was added to the allowed list.

To set up VS Code to sync with the server, do the following:

  1. On project page in the VS Market store or in the search for plugins in the application, click «Install"For the lLiximomo SFTP extension:
  2. In the application, press the key combination Ctrl+Shift+P for Windows / Linux, Cmd+Shift+P for macOS and enter SFTP: configand then press Enter... After completing these steps, a configuration file will open, in which you need to specify the appropriate settings:
    [
      {
        "name": "connection1",
        "protocol": "sftp",
        "port": 22,
        "host": "host",
        "username": "username",
        "password": "password",
        "remotePath": "/home/user/example.com/www/",
        "uploadOnSave": true,
        "ignore": [
            ".vscode",
        ]
      }
    ]
    • «name»- specify the name of the connected server, it is used to create a set of available connections that you can switch between.
    • «protocol"- the protocol used for connection, you can specify FTP or SFTP, depending on the selected one, you need to specify various settings below.
    • «port"- for FTP specify 21, for SFTP 22.
    • «host"- specify the host from FTP connection data.
    • «username"- for FTP specify login from data to connect by FTP, for SFTP specify the login from data to connect over SSH.
    • «password"- for FTP indicate FTP user password, for SFTP specify the password from data to connect over SSH.
    • «remotePath"- specify the full path to the site directory, for FTP should indicate site directory, for SFTP the path should look like /home/user/example.com/www/where user thisis name hosting account, and example.com/www thisis site directory.
    • «uploadOnSave"- the parameter responsible for uploading files to the server when saving
    • «ignore»- a list of files or directories that will be ignored when uploading the entire project to the server.
  3. Save the changes in the configuration file, after which VS Code will make several attempts to connect to the server, the connection information will be displayed in the lower left corner.