Настройка FTP соединения на Notepad++

Для редактирования страниц сайта можно использовать текстовый редактор Notepad++. Сегодня нужно настроить новое FTP соединение в редакторе Notepad++.

Что дает настройка FTP в редакторе Notepad++?

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

Порядок настройки FTP соединения в редакторе Notepad++:

1. Открыть редактор Notepad++

2. Проверить установлен ли плагин NppFtp. Обычно по-умолчанию он есть в последних версиях редактора. Если есть - переходим к шагу 4. Если нет - смотрим дальше.

3. Для установки плагина NppFtp открываем в верхнем меню Плагины - Plugin Manager. Должен быть подключен интернет. В открывшемся окне в списке ищем NppFtp, ставим галочку и жмем кнопку Install. После установки плагина перезапускаем Notepad++.

4. Слева в окне редактора Notepad++ будет окно FTP - менеджера. Для настройки соединения жмем значок показанный на рисунке ниже. Выбираем Profile Settings.

 5. Откроется окно настройки соединений. Создаем новое соединение (Add new). Пишем ему имя (например - webdesign) .Заполняем  данные своего хостинга на вкладке Connection (Hostname - сервер, хост, Username - имя пользователя, Password  - пароль). Больше ничего не трогаем и жмем Close (Закрыть)

6. После создания соединения  активируется возможность установить соединение. Нажимаю кнопку активации (смотри ниже), выбираем нужное соединение (если их у вас несколько)

7. Если соединение успешно, то в окошке появится соответствующая надпись и список папок на вашем хосте:

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

В окне FTP-менеджера можно создавать новые папки и файлы по щелчку правой кнопки мыши.

Плагин Emmet для Sublime Text 3 и Notepad++

Установка плагина в редактор Sublime Text 3

1. Первым делом устанавливаем Package Managet (из коробки его нет):
2. Выбираем Preferences > Browse Packages… menu
3. Смотрим где расположена папка установленных плагинов
4. Качаем отсюда файл и копируем в папку установленных плагинов
5. Открываем консоль (View -> Show Console)
6. Вставляем туда такой текст:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
7. Жмем Enter. Дожидаемся когда пройдут все сообщения. 
8. Открываем Tools -> Command Palette  и набираем install Package, выбираем Package Control: install Package
9. В появившемся окне ищем Emmet
10. Дальше следим за консолью.
11. В консоли должно быть всё OK
12. Проверяем как работает плагин: пишем html:5 и жмем tab (предварительно установите синтаксис html)

Установка плагина в редактор Notepad++

1. Устанавливаем  Python Script plugin в  Plugin Manager
2. Скачиваем отсюда плагин Emmet и распаковываем в C:\Program Files\Notepad++\plugins
3. Перезапускаем Notepad++
4. В меню Палагины наблюдаем плагин Emmet
5. Но им не очень удобно пользоваться. Для того чтобы аббревиатура сработала надо нажать Ctrl+Alt+Enter
6. Удобнее назначить для этого другое сочетание клавиш.
7. Открываем Опции - Горячие клавиши.
8. Выбираем Plugin Commands
9. Далее ищем Expand abbreviation. Назначаем более удобное сочетание, например Ctrl+Alt+Пробел или даже просто Tab
10. Проверяем: пишем input:submit и жмем Tab