Zen Coding для Geany ( Zen Coding Plugin For Geany ), высокоскоростная Верстка

Вот и свершилось чудо! Наконец то кто то сделал Zen Coding для Geany. Работает чудесно, ставиться не так легко как под тот же gedit но все же! Итак, для тех кто не в курсе, напомню:

ВНИМАНИЕ.
Содержимое данной статьи морально устарело но сохранено для академических целей.


Zen Coding это плагин для высокоскоростного редактирования или набора HTML, CSS, XML и XSL кода. Суть его работы заключается в использовании аббревиатур которые позволяют быстро генерировать css селекторы и html код.
Под катом еще немного описания данного плагина и его установка для Geany.

Простой пример, немного сокращений и легкое нажатие превращает строку

div#page>div.logo+ul#navigation>li*5>a

в

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

Видео демонстрирующее работу плагина

Данный плагин существует во множестве вариаций, для многих IDE и даже для textarea, ну и как не сказать что в качестве плагинов к CMS и браузеров он тоже есть 😉
Вот ссылка на PDF файл со всеми аббревиатурами.
А теперь пожалуй стоит перейти непосредственно к самому важному, установка Zen Coding для Geany ( под nix 🙂 ).

Подготовления

Для начала нам нужно поставить ( если еще не стоит ) git и python-dev, в моем Mint а так же любой debian подобной системе это выглядит так:

$ sudo apt-get install git python-dev libtool autoconf

Теперь перейдем к сути дела, все команды далее выполняем от имени пользователя.
Получим исходники из репозитария GitHub:

$ mkdir -p ~/src
$ cd ~/src
$ git clone git://github.com/codebrainz/geany-zencoding.git

Теперь перейдем в каталог Geany Zen Coding и создадим необходимы файлы для сборки:

$ cd geany-zencoding
$ ./autogen.sh

Теперь сконфигурируем, скомпилируем и установим наш плагин:

$ ./configure --prefix=$(dirname $(dirname $(which geany)))
$ make
$ sudo make install

Ну и удалим ставшим ненужным каталог src:

$ cd ~/ && rm -r src

Теперь зайдем в Geany и включим плагин! Но перед этим рекомендую поставить еще набор плагинов для Geany, среди них — очень много полезных.

$ sudo apt-get install geany-plugins

Включим планиг

Для этого запустим Geany и в меню «инструменты/модули» поставим галочку напротив Zen Coding. Нажимаем ok и наслаждаемся 🙂

Тестирование и использование Zen Coding

Возможно первое что Вы захотите сделать, это изменить сочетания клавиш для Zen Coding от того как они стоят по умолчанию. Для этого перейдите в меню «Правка/Настройки» и во вкладочке «Привязки» крутим до самого низа. Там находим группу клавиш Zen Coding и изменяем клавиши в зависимости от ваших предпочтений.
По умолчанию используются клавиши Ctrl+Shift+e для расшифровки сокращений.

Плагин так же требует GTK dev пакет который стоит во большинстве систем по умолчанию.

P.S. Возможно кто то заметил что к описанию моего блога добавилось «Admins, C++, technologic», возможно после нового года у меня будет больше времени и я начну писать посты и в этих направлениях, так же в скором времени для самообразования и других профитов я собираюсь написать для себя блог на symfony и перенести туда все посты, отказавшись тем самым от WP. Я так же планирую об этом писать. Что тут появиться первым — время покажет..

Удачи!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Copyright © Programmer Weekdays | Powered by WordPress