Синхронизирует ваш локальный каталог с каталогом удаленного сервера. Позволяет при необходимости редактировать загружаемый файл в удаленный каталог после его локального сохранения. Это позволяет вам редактировать более или менее прямо на сервере, подобно WinScp или другим подобным программам.
Очень мощный, с умными функциями. Очень просто, требуется всего три строчки конфига! Очень быстро, завершается в мгновение ока.
- Возможности
- Удаленный браузер с помощью Remote Explorer
- Различия локальных и удаленный
- Каталог синхронизации
- Загрузить/Загрузить
- Загрузить при сохранении
- Наблюдатель за файлами
- Несколько конфигураций
- Переключаемые профили
- Команды
- Отладка
- Поддержка проекта SFTP
Использование
Если ваши последние файлы находятся на сервере, вы можете начать с пустой локальной папки, затем загрузите свой проект и с этого момента выполните синхронизацию.
- В
VS Code
откройте локальный каталог, который вы хотите синхронизировать с удаленным сервером (или создайте пустой каталог, в который вы хотите сначала загрузить содержимое папки удаленного сервера для локального редактирования). Ctrl + Shift + P
на Windows/Linux илиCmd + Shift + P
в Mac откройте палитру команд, выполните командуSFTP: config
.- Базовый появится файл конфигурации с именем
sftp.json
u Найдите каталог.vscode
. Отредактируйте параметры в соответствии с вашими настройками.
Например:
{"name": "Profile Name", "host ":" name_of_remote_host "," protocol ":" ftp "," port ": 21," secure ": true," username ":" username "," remotePath ":"/public_html/project ",
Параметр пароля не является обязательным, но если вы не не добавляйте его, вам постоянно будет предлагаться ввести пароль. Обратите внимание, что вы должны избегать любых обратных косых черт и других специальных символов с помощью обратной косой черты.
Ниже приведены другие примеры конфигураций.
- Сохраните и закройте
sftp.json
файл. Ctrl + Shift + P
в Windows/Linux илиCmd + Shift + P
на Mac откройте палитру команд.- Введите «sftp», и теперь вы увидите ряд других команд.
- Хорошая для начала если вы хотите начать с удаленной папки, это
SFTP: Download Project
. Это загрузит каталог, указанный в настройкеremotePath
вsftp.json
, в ваш локальный открытый каталог. - Готово — вы теперь можно редактировать локально, и после каждого сохранения он будет загружаться в ваш удаленный файл.
- Наслаждайтесь!
Для подробного использования. Пожалуйста, зайдите в вики.
Примеры конфигураций
Здесь вы можете увидеть полную конфигурацию.
- Простой
- Профили
- Множественный контекст
- Переходы между соединениями
- Один переход
- Многократные переходы
- Конфигурация в пользовательских настройках
Simple
{"host ":" host "," username ":" username "," remotePath ":"/remote/workspace "}
Профили
{"username": "username", "password": "password", "remotePath": "/remote/workspace/a", "watcher": {"files": "dist/*. {js, css} "," autoUpload ": false," autoDelete ": false}," profiles ": {" dev ": {" host ":" dev-host "," remotePath ":"/dev "," uploadOnSave ": true}, "prod": {"host": "prod-host", "remotePath": "/prod"}}, "defaultProfile": "dev"}
Примечание : context
и watcher
доступны только на корневом уровне.
Используйте SFTP: Установить профиль
для переключения профиля.
Множественный контекст
Контекст должен не будет таким же .
[{"name": "server1", "context": "project/build", "host": "host "," имя пользователя ":" имя пользователя "," пароль ":" пароль "," удаленный путь ":"/удаленный/проект/сборка "}, {" имя ":" сервер2 "," контекст ":" проект/src " , "host": "host", "username": "username", "password": "password", "remotePath": "/remote/project/src"}]
Примечание : name
является обязательным в этом режиме.
Connection Hopping
Вы может подключаться к целевому серверу через прокси с протоколом ssh.
Примечание : Подстановка переменной не работает в конфигурации перехода.
Single Hop
local -> hop -> target
{"name": "цель "," remotePath ":"/путь/в/цель ",//переход" host ":" hopHost "," username ":" hopUsername "," privateKeyPath ":"/Users/localUser/.ssh/id_rsa ", //Ключевой файл предполагается на локальном. "hop": {//target "host": "targetHost", "username": "targetUsername", "privateKeyPath": "/Users/hopUser/.ssh/id_rsa",//Файл ключа предполагается на переходе . }}
Множественный переход
local -> hopa -> hopb -> target
{"name": "target", "remotePath": "/path/in/target",//hopa "host": "hopAHost", "username": "hopAUsername", "privateKeyPath": "/Users/hopAUsername /. ssh/id_rsa "//Предполагается, что файл ключа находится на локальном уровне." hop ": [//hopb {" host ":" hopBHost "," username ":" hopBUsername "," privateKeyPath ":"/Users/hopaUser/ .ssh/id_rsa "//Предполагается, что файл ключа находится на переходе.},//target {" host ":" targetHost "," username ":" targetUsername "," privateKeyPath ":"/Users/hopbUser/.ssh /id_rsa ",//Предполагается, что ключевой файл находится на hopb.}]}
Конфигурация в пользовательских настройках
Вы можете использовать remote
, чтобы указать sftp получить конфигурацию от remote-fs.
В пользовательских настройках:
"remotefs.remote ": {" dev ": {" scheme ":" sftp "," host ":" host "," username ":" username "," rootPath ":"/path/to/where "}," projectX ": {"scheme": "sftp", "host": "host", "username": "username", "privateKeyPath": "/Users/xx/.ssh/id_rsa", "rootPath": "/home/foo /some/projectx "}}
В sftp.json:
{" remote ":" dev "," remotePath ":"/home/xx/"," uploadOnSave ": true," ignore ": [" .vscode "," .git "," .DS_Store "]}
Рем ote Explorer
Remote Explorer позволяет просматривать файлы удаленно. Вы можете открыть Remote Explorer:
- Выполнить команду
Просмотр: Показать SFTP
. - Щелкните представление SFTP в Панель действий.
Вы можете просматривать содержимое файлов только с помощью Remote Explorer. Выполните команду SFTP: Edit in Local
, чтобы редактировать его локально.
Примечание : Вам необходимо вручную обновить родительскую папку после того, как вы удалите файл, чтобы обновить проводник.
Debug
-
Открыть Настройки пользователя.
- В Windows/Linux —
Файл> Настройки> Настройки
- В macOS —
Код> Настройки> Настройки
- В Windows/Linux —
-
Установите для
sftp.debug
значениеtrue
и перезагрузите vscode. -
Просмотрите журналы в
View> Output> sftp
.
Пожертвование
Если этот проект помог вам сократить время разработки, вы можете дать мне чашку кофе 🙂
Alipay
PayPal
Как настроить работу с FTP в VS Code?
Для работы над проектом дали адрес сервера, логин и пароль. У меня в VS Code установлено расширение ftp-sync
, все данные введены. Но при сохранении файлов, изменений не может быть проблема в браузере. Может неверно настроен ftp-sync.json
?
Плюс не получается настроить расширения ftp-simple
и SFTP
. По инструкции, например, к SFTP
: Ctrl + Shift + P в Windows/Linux или Cmd + Shift + P в Mac открыть палитру команд, запустить команду SFTP: config.
Но когда ввожу SFTP: config
, выводится ошибка command 'sftp.config' not found
При том, что такие же действия с расширением ftp-sync
начало к созданию json файла, куда можно было ввести свои конфигурации.
Сори, коряво объясняю, но, если кто понял , мб знает, в чем трабл?
для плагина sftp викоризовать такой sftp.json :
{"name": "name.ru", "host": "99.99.99.222",//ip сервера «протокол»: «sftp», «порт»: 22, «имя пользователя»: «имя пользователя», «пароль»: «пароль», «удаленный путь»: «/var/www/web/sitename»,// папка которая будет открываться при подключении "downloadOnOpen": true, "uploadOnSave": true, "watcher": {"files": "**/*", "autoUpload": true, "autoDelete": true}}
7
Столкнулся с аналогичной проблемой на МакОС, на виндовс проверить не могу еще две недели без него-Значек после установки не появляется
- При попытке вызвать файл sftp.json — всплывает внизу с просьбой казать путь к папке.
Решение просто, создал папку, открыл в VS , создаю файл sftp.json и записываю его в папку, нажимаю комбинацию cmd + shift + P и вуаля, автоматически создается новый файл sftp.json. Если все поля заполнены верно то происходит подключение и появляется значек SFTP слева, заходим в него и работаем.