2.6.4.2. Налагодження підключення по FTP і SFTP в VS Code

У редакторі VS Code присутній нативний функціонал синхронізації з сервером, але досягається він за рахунок установки і настройки додаткового ПЗ на сервер, що не завжди можливо. На нашому хостингу використовувати такий вид синхронізації не вийде. Для синхронізації даних з сервером можна також використовувати плагіни, наприклад один з найбільш популярних FTP/ SFTP плагінів це liximomo SFTP. Документація плагіна доступна англійською мовою на GitHub.

Важливі моменти:

  • Плагін використовує поточний відкритий проект для синхронізації з підключеним до нього сервером. Для кількох проектів слід створювати кілька підключень.
  • Якщо при зміні файлів виникає помилка «Чи не вдається виконати зміни в редакторі тільки для читання», Натисніть в редакторі праву кнопку миші і активуйте зміна в локальному середовищі натисканням на «Edit in local» («Локальне редагування»).

Перед підключенням

Переконайтеся, що дотримані наступні вимоги:

  • IP, з якого потрібно з'єднатися, доданий в список дозволених в настройках безпеки FTP або в настройках безпеки SSH, В залежності від вибору способу підключення.
  • З моменту додавання IP в список дозволених пройшло не менше 15-30 хвилин.
  1. На сторінці проекту в магазині VS Market або в пошуку плагінів в додатку натисніть «Встановити (Install)» для розширення liximomo SFTP:
  2. У додатку натисніть комбінацію клавіш Ctrl+Shift+P для Windows / Linux, Cmd+Shift+P для macOS і введіть SFTP: config, Після чого натисніть Enter. Після виконання зазначених дій буде відкрито конфігураційний файл, в якому потрібно вказати відповідні налаштування:
    [
      {
        "name": "connection1",
        "protocol": "sftp",
        "port": 22,
        "host": "host",
        "username": "username",
        "password": "password",
        "remotePath": "/home/user/example.com/www/",
        "uploadOnSave": true,
        "ignore": [
            ".vscode",
        ]
      }
    ]
    • «name» — вкажіть ім'я підключається сервера, використовується для створення безлічі доступних підключень, між якими можна перемикатися.
    • «protocol» — використовуваний для підключення протокол, вказати можна FTP або SFTP, в залежності від обраного потрібно вказувати різні настройки далі.
    • «port» — порт:
      • Для FTP — вкажіть 21.
      • Для SFTP - вкажіть 22.
    • «host» — вкажіть хост з даних для підключення по FTP або SSH (Вони ідентичні).
    • «username» — Ім'я користувача:
    • «password» — пароль:
    • «remotePath» — повний шлях до каталогу сайту:
      • Для FTP::
        • Або вкажіть / - якщо потрібно потрапити безпосередньо в каталог доступу користувача FTP.
        • Або вкажіть залишок шляху від каталогу доступу користувача FTP до потрібного підкаталогу - якщо потрібно потрапити не безпосередньо в каталог доступу, а в його підкаталог.
      • Для SFTP — вкажіть шлях у вигляді /home/user/example.com/www/, де user це назва хостинг-аккаунта, а example.com/www це каталог сайта.
    • «uploadOnSave» — відповідає за автоматичне завантаження файлів на сервер при збереженні змін.
    • «ignore» — список файлів або каталогів, які будуть ігноруватися при завантаженні всього проекту на сервер.
  3. Збережіть зміни в файлі конфігурації. Після цього VS Code кілька разів спробує підключитися до сервера. Інформація про статус підключення буде виведена в лівому нижньому кутку.
Зміст