PhpStorm синхронизация с ftp

tsumbaluk.in.ua 5 Октябрь 2016

Первым делом нужно создать новый проект для этого File > New Project
тут можно выбрать директорию в которой создастся проект и ввести имя я назову свой portfolio-front-end.

Далее необходимо подключиться к удаленному серверу
Tools > Deployment > Configuration

phpstorm Откроется окно настроек PhpStorm

  • FTP host: ссылка на ваш хостинг аккаунт
  • Port: 21
  • Root path: Каталог на сервере можно изменить если нужно
  • User name: Имя пользователя FTP
  • Password: пароль пользователя FTP
  • Test FTP connection: Кликаем по кнопке проверяем все ли правильно, если все верно
    появиться окошко с уведомлением Successfully connected to portfolio.com

Далее нужно указать с какой директории на сервере будут стягиваться файлы и куда
на локальном компьютере. Выберете вкладку Mappings

PhpStorm

  • Local path: место хранения проекта на компьютере
  • Deployment path on server: путь по которому будут заливаться отредактированные файлы на сервер
  • Web path on server: путь по которому будут стягиваться файлы с сервера.
    Внимательно!
    Поскольку нам не нужно абсолютно все. В этом примере на сервере стоит wordpress и нам нужно редактировать только тему. Это важно поскольку если сайт не новый то на нем может быть много фото и другого медиа контента и если не указать нужную деректорию PhpStorm стянет все от корня сайта, а это может быть не 1gb что займет кучу времени и дискового пространства у вас на пк.

Осталось стянуть все с сервера
Tools > Deployment > Download from Portfolio PhpStorm Tools > Deployment > Automatic Upload (always) : чтобы все изменения автоматически

грузились на сервер.

Если вы работаете с разных компьютеров и сделали скажем дома какие-то изменения пришли на работу нужно стянуть все изменения для этого

Правой на проекте
Deployment > Sync with Deployment to Portfolio
откроеться окно в котором видно какие файлы редактировались и какие изменения в них произведены.

PhpStorm

Новое в блоге

Sass в примерах, основные синтаксические конструкции
tsumbaluk.in.ua || 26.11.2017

Sass в примерах, основные синтаксические конструкции

Бесплатный хостинг!
tsumbaluk.in.ua || 29.06.2017

Бесплатный хостинг!

e2e тестирование приложений. Используя Protractor
tsumbaluk.in.ua || 30.04.2017

e2e тестирование приложений. Используя Protractor

Modx Revo multilanguage babel
tsumbaluk.in.ua || 05.03.2017

Modx Revo multilanguage babel

Node package manager publish package
tsumbaluk.in.ua || 11.02.2017

Node package manager publish package

Modx перенос на сервер или туда и обратно
tsumbaluk.in.ua || 01.11.2016

Modx перенос на сервер или туда и обратно