Dmitry Filatov
HTML Boy
Published in
2 min readJan 20, 2018

--

Блог переехал, теперь он тут http://blog.dimafilatov.ru/

Редактор Atom. Удобная работа с FTP, пакет remote-sync

В материале я расскажу о пакете для редактора Atom remote-sync, который позволяет удобно загружать и выгружать редактируемые файлы на сервер по FTP или SFTP.

Работать, используя этот пакет (или аналогичные) значительно удобнее, чем сохранять код, а затем заливать с помощью сторонних файловых клиентов.

После настройки пакета у вас появиться возможность выгружать и загружать файлы прямо из строки команд редактора, как показано на скриншоте.

Установка и настройка

  • Устанавливаем пакет remote-sync (Atom->Preferences->Install).
  • Заходим в папку проекта и создаем там файл .remote-sync.json (все точки и имя важны).
  • Добавляем в файл параметры работы пакета и данные о доступе к серверу.

{
“transport”: “ftp”,
“uploadOnSave”: false,
“deleteLocal”: false,
“hostname”: “yourwebsite.com”,
“port”: “21”,
“target”: “/www/yourwebsite.com/”,
“ignore”: [
“.remote-sync.json”,
],
“username”: “USERNAME”,
“password”: “PASSWORD”,
}

Значение параметров

  • transport — тип протокола.
  • uploadOnSave — загружать файл, каждый раз при сохранении. Рекомендую выключить.
  • deleteLocal — удалять локальную копию файла и паки, если они были удалены на сервере. Рекомендую выключить.
  • hostname — адрес сервера.
  • port — порт сервера, по умолчанию для FTP 21, для SCP 22.
  • target — путь до файлов проекта на сервера.
  • ignore — список этих файлов не будет отслеживаться и загружаться на сервер. Я всегда вписываю сюда сам файл настройки, чтобы он не попал на сервер.
  • username, password — логин и пароль от сервера.

Как использовать

  • Во время работы над файлом, сохраните его и войдите в строку команд (⌘-SHIFT-P на Mac и CTRL-SHIFT-P на Win).
  • Наберите команду upload, выберите Remote Sync: Upload File.
  • Внизу экрана в консоли вы увидите отчет о загрузке (была ли она успешна, а если нет, то почему).
Видео инструкция

Остальные настройки и возможности

Остальные настройки и возможности можно узнать на официальной странице пакета по ссылке https://atom.io/packages/remote-sync.

P.S.

Если вам понравился или был полезным этот материал, то хотел бы посоветовать мои другие статьи на эту тему —

--

--