Л А Б О Р А Т О Р И Я

актуальных

РЕШЕНИЙ


Flutter > Dart > dArtist31.08.2021

VS Code настройка FTP(SFTP) подключения к удаленному серверу с помощью "Remote FS".

Изложенный материал рассчитан на подготовленных разработчиков, обладающих знаниями ООП (объектно-ориентированного программирования), а также работающих в настроенной среде Visual Studio Code.

Основная задача - подключить плагин "Remote FS" и настроить SFTP подключение удаленного доступа к серверу.

Запускаем VS Code и в боковой панели действий нажимаем кнопку расширения:

load Plugin

Если в появившемся списке "УСТАНОВЛЕННЫЕ" уже имеется расширение "Remote FS", то можно сразу переходить к настройке подключения. При отсутствии такого расширения в окне "Поиск расширений в Marketplace" вводим его название "Remote FS" и после нахождения осущеcтвляем установку.

Установку расширения лучше осуществить именно таким образом, непосредственно в среде VS Code, а не через загрузку с сайта разработчиков.

Закрываем все открытые ранее проекты, чтобы затем создать новый проект, для которого будем создавать подключение. После закрытия в редакторе должно быть пусто:

empty Editor

Создадим на рабочем компьютере с которого будет осуществляться подключение папку, в которой будем создавать новый проект. В моем случае я назвал ее mGarderoB. После этого в VS Code в верхнем меню выберем Файл>Открыть папку и в диалоговом окне найдем и выберем созданную папку:

open Dir

Теперь необходимо осуществить настройку подключения для этого проекта. Настройка производится в файле settings.json, чтобы его открыть необходимо:

  • Нажать на шестеренку в боковой панели, в левом нижнем углу;
  • В появившемся меню выбрать пункт "Параметры"
  • В открывшейся вкладке выбрать "Рабочая область"
  • Чуть выше в поле ввода ввести название "settings"
  • Открывшийся список позволяет получить доступ к файлу setting.json
open Dir

Стоит обратить внимание, что при открытии файла будет автоматически вставлена строка для ввода атрибута выбранного пункта "Параметры", так как нам надо внести совершенно иные изменения и все проводимые манипуляции были направлены на открытие файла settings.json, то эту строку можно смело удалить из файла:

open Dir

Теперь в файл вводим код отвечающий за подключение к удаленному серверу:

Code

Здесь потребуются некоторые построчные пояснения:

строка №4 (file: settings.json)

"mobile_park100": {

В этой строке задается название подключения, в нашем случае выбрано название "mobile_park100".

строка №5 (file: settings.json)

"scheme": "sftp",

Указана выбранная схема подключения "sftp", если понадобится, то возможно указать "ftp".

строка №6 (file: settings.json)

"host": "123.112.25.27",

Указан IP адрес хоста к которому будет осуществляться подключение.

строка №7 (file: settings.json)

"username": "logusername",

Вместо "logusername" требуется указать логин или имя пользователя, под которым будет проводиться подключение. Этот параметр должен быть разрешен на сервере к которому получаем доступ.

строка №8 (file: settings.json)

"password": "ftp_password",

Вместо "ftp_password" необходимо указать пароль, который зарегистрирован на сервере для пользователя с именем указанным в предыдущей строке.

строка №9 (file: settings.json)

"port": 22,

При стандартном подключении для "sftp" выбирается порт "22", для "ftp" - порт "21".

строка №10 (file: settings.json)

"rootPath": "/var/www/m.park100.ru"

В этой строке указывается путь к каталогу на сервере, который будет открываться при нашем подключении.

После ввода кода файл settings.json необходимо сохранить (CTRL+S) и нажать кнопку F1 (или CTRL+SHIFT+P) и в появившемся окне выбрать пункт "Remote FS ... ":

open Win

Теперь потребуется выбор из списка доступных подключений, выбираем строку с именем нашего подключения "mobile_park100":

open Win

Если все было выполнено корректно, то в проводнике можно будет увидеть файлы подключенного каталога удаленного сервера:

open Win

Удачи в разработке!



другие материалы: