2.6.4.2. Настройка подключения по FTP и SFTP в VS Code

В редакторе VS Code присутствует нативный функционал синхронизации с сервером, но достигается он за счёт установки и настройки дополнительного ПО на сервер, что не всегда возможно. На нашем хостинге использовать такой вид синхронизации не получится. Для синхронизации данных с сервером можно также использовать плагины, к примеру один из наиболее популярных FTP/SFTP плагинов это liximomo SFTP. Документация плагина доступна на английском языке на GitHub.

Важные моменты:

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

Перед подключением

Убедитесь, что соблюдены следующие требования:

  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 несколько раз попытается подключиться к серверу. Информация о статусе подключения будет выведена в левом нижнем углу.
Содержание