Основная задача - подключить плагин "Remote FS" и настроить SFTP подключение удаленного доступа к серверу.
Запускаем VS Code и в боковой панели действий нажимаем кнопку расширения:
Если в появившемся списке "УСТАНОВЛЕННЫЕ" уже имеется расширение "Remote FS", то можно сразу переходить к настройке подключения. При отсутствии такого расширения в окне "Поиск расширений в Marketplace" вводим его название "Remote FS" и после нахождения осущеcтвляем установку.
Установку расширения лучше осуществить именно таким образом, непосредственно в среде VS Code, а не через загрузку с сайта разработчиков.
Закрываем все открытые ранее проекты, чтобы затем создать новый проект, для которого будем создавать подключение. После закрытия в редакторе должно быть пусто:
Создадим на рабочем компьютере с которого будет осуществляться подключение папку, в которой будем создавать новый проект. В моем случае я назвал ее mGarderoB. После этого в VS Code в верхнем меню выберем Файл>Открыть папку и в диалоговом окне найдем и выберем созданную папку:
Теперь необходимо осуществить настройку подключения для этого проекта. Настройка производится в файле settings.json, чтобы его открыть необходимо:
- Нажать на шестеренку в боковой панели, в левом нижнем углу;
- В появившемся меню выбрать пункт "Параметры"
- В открывшейся вкладке выбрать "Рабочая область"
- Чуть выше в поле ввода ввести название "settings"
- Открывшийся список позволяет получить доступ к файлу setting.json
Стоит обратить внимание, что при открытии файла будет автоматически вставлена строка для ввода атрибута выбранного пункта "Параметры", так как нам надо внести совершенно иные изменения и все проводимые манипуляции были направлены на открытие файла settings.json, то эту строку можно смело удалить из файла:
Теперь в файл вводим код отвечающий за подключение к удаленному серверу:
Здесь потребуются некоторые построчные пояснения:
строка №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 ... ":
Теперь потребуется выбор из списка доступных подключений, выбираем строку с именем нашего подключения "mobile_park100":
Если все было выполнено корректно, то в проводнике можно будет увидеть файлы подключенного каталога удаленного сервера:
Удачи в разработке!
другие материалы:
- Практический пример скрипта SOAP клиента на PHP для запросов к серверу ASP.NET
- решение тестовой задачи MySQL - количество дней в месяцах
- решение тестовой задачи MySQL - разность дат в соседних строках
- решение тестовой задачи PostgreSQL - создание выборок из базы данных
- решение тестовой задачи PHP, JS, MySQL - добавление комментариев к темам
- решение тестовой задачи PHP, JS, SQLite - каталог товаров с подгрузкой данных
- решение тестовой задачи PHP, PostgreSQL - группировка по пересечению
- решение тестовой задачи PHP - классы для обработки разных файлов
- решение тестовой задачи PHP - класс для очистки НДС в сумме счета
- решение тестовой задачи PHP - определить является ли число простым
- решение тестовой задачи PHP - вычисление суммы всех соседей элемента массива
- решение тестовой задачи PHP - подсчет количества вторников в интервале
- решение тестовой задачи PHP - формирование XML на основе данных из MySQL
- решение тестовой задачи PHP - класс реализации структуры Deque с кольцевым буфером
- решение тестовой задачи ORM RedBeanPHP - загрузка и вывод связанных данных
- решение тестовой задачи JavaScript - фильтрация списка на странице
- решение тестовой задачи Jquery - убегание блока от курсора
- Flutter Создание мобильной версии страницы сайта
- Flutter Отправка POST запроса со страницы сайта на сервер
- Flutter Создание диалогового окна с гиперссылкой в мобильной версии сайта
- Flutter Локальное сохранение данных в формате "ключ"-"значение"
- VS Code подключение удаленного доступа FTP(SFTP) с помощью "Remote FS"
- Flutter Использование Timer для периодического изменения текста на странице
- Flutter Форма авторизации с валидацией вводимых данных
- Flutter Авторизация с валидацией и отправкой данных на сервер
- Flutter WEB загрузка файла на сервер
- Flutter Widgets - интересные виджеты Flutter
- Telegram - работа с кнопками меню команд и web_app
- Pet-project memoLink с использованием HTMX - памятка с QR кодом
- Блок рабочего проекта WEBsmeta (описание) - расчет по стройматериалам для ремонта.
- Pet-project получение данных по акциям с Мосбиржи через API MOEX ISS.