Atom — очень крутая среда редактирования кода от Google. Сайт https://atom.io/

Тут расскажу о редактировании кода на сайте в реальном времени.

Есть 3 основных метода разработки сайтов:

  1. Редактирование сайта на живую (сайт работает и тут же идет разработка). Этот метод хорош для простых правок или если сайт не боевой.
  2. Создание тестовой копии сайта где-либо на внешнем хостинге и его разработка.
  3. Создание локальной копии у себя и загрузка кода по готовности, возможно через GIT (наиболее правильная, но не всегда оптимальная)

Данная статья будет полезная для первых двух методик и бесполезна для третьей.

Итак имеем:

  1. Сайт на каком либо внешнем хостине с доступом по FTP (или SFTP)
  2. Редактор Atom

Далее…

1. Ставим и настраиваем плагин Remote-FTP

Берем тут https://atom.io/packages/Remote-FTP и устанавливаем в Atom через менеджер пакетов

697

2. Создаем папку на компьютере

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

Далее открываем эту папку в редакторе через команду Add Poject

untitled - Atom 2015-08-13 14-51-10

Очень важно, чтобы эта папка была в списке проектов первой. Если это не так, то надо закрыть все проекты и добавить нужную папку.

У нее должна быть синяя рамка слева:

3. Создаем FTP конфигурацию

Данные о FTP подключении сохраняются в эту самую папку как файл .ftpconfig

Для этого нужно выполнить команду:

Далее появляется файл

Где обычно заполняются параметры: host, user, pass  и иногда remote (указание пути для подключения).

Сохраняем. И проверяем что этот файл сохранился в папке из шага 2.

Подключение

Если все сделано правильно, то можно подключаться. Для этого даем команду:

Monosnap 2015-08-13 14-59-16

Работаем

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

Я по началу опешил от такого. И отключил эту опцию. Но потом все же вернулся к ней, оказалось что это очень удобно. Поправил — тут же посмотрел результат.