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

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

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

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

Чтобы настроить синхронизацию VS Code с сервером, выполните следующее:

  1. На странице проекта в магазине VS Market или в поиске плагинов в приложении нажмите «Установить (Install)» для расширения lLiximomo 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.
    • «username» — для FTP укажите логин из данных для подключения по FTP, для SFTP укажите логин из данных для подключения по SSH.
    • «password» — для FTP укажите пароль FTP-пользователя, для SFTP укажите пароль из данных для подключения по SSH.
    • «remotePath» — укажите полный путь к каталогу сайта, для FTP следует указать каталог сайта, для SFTP путь должен иметь вид /home/user/example.com/www/, где user это название хостинг-аккаунта, а example.com/www это каталог сайта.
    • «uploadOnSave» — параметр отвечающий за загрузку файлов на сервер при сохранении
    • «ignore» — список файлов или каталогов, которые будут игнорироваться при загрузке всего проекта на сервер.
  3. Сохраните изменения в конфигурационном файле, после чего VS Code произведет несколько попыток подключиться к серверу, информация о подключении будет выведена в левом нижнем углу.
  • hosting/ftp/ide/vscode.txt
  • Последнее изменение: 2020/09/29 12:38
  • karlov