Zen Coding для Geany ( Zen Coding plugin for Geany ), высокоскоростная верстка

Декабрь 15th, 2011 Рубрики: Вкусняшки coubertin.cz www.colvillewoodworking.com

Geany
Вот и свершилось чудо! Наконец то кто то сделал Zen Coding для Geany. Работает чудесно, ставиться не так легко как под тот же gedit но все же! Итак, для тех кто не в курсе, напомню:
Zen Coding это плагин для высокоскоростного редактирования или набора HTML, CSS, XML и XSL кода. Суть его работы заключается в использовании аббревиатур которые позволяют быстро генерировать css селекторы и html код.
Под катом еще немного описания данного плагина и его установка для Geany.

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

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

в

1
2
3
4
5
6
7
8
9
10
<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 подобной системе это выглядит так:

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

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

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

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

1
2
$ cd geany-zencoding
$ ./autogen.sh

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

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

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

1
$ cd ~/ && rm -r src

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

1
$ 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. Я так же планирую об этом писать. Что тут появиться первым — время покажет..

Удачи!

Теги: , , ,

9 комментариев к “Zen Coding для Geany ( Zen Coding plugin for Geany ), высокоскоростная верстка”

  1. Февраль 18th, 2012 at 12:29
    1

    Блог на Symfony? Ну разве только что для самообразования. Лучше WordPress для блога я ничего никогда не видел.

    Хотя, если ты замутишь там поддержку плагинов и WordPress-like архитектуру (хуки-хуюки и т.д.), то тогда цены не будет твоему творению 🙂

    [Ответить]

    ZekMan Reply:

    WP мне не нравится как работает, жирная слишком. На Symfony как раз для самообразования хотел. Но пока необходимость пропала.

    [Ответить]

  2. Arvigeus
    Июль 6th, 2012 at 10:41
    2

    You will need to add libtool and autoconf as dependencies:
    sudo apt-get install libtool autoconf

    [Ответить]

    ZekMan Reply:

    Thank you. I’ll try.

    [Ответить]

  3. Sergey
    Сентябрь 9th, 2012 at 10:12
    3

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

    [Ответить]

    ZekMan Reply:

    Даже не знаю что в таком случае вам посоветовать. Не сталкивался. Может прав на перезапись конфига не хватает?

    [Ответить]

  4. Sergey
    Сентябрь 9th, 2012 at 22:43
    4

    В настройках «Дополнительный путь для модулей» указал путь к модулю и все стало нормально. Система x86-64, там пути немного другие.

    [Ответить]

  5. Nick
    Март 2nd, 2013 at 01:51
    5

    Хм, не работает почемуто для стилей, обрамляет теги как штмл теги (просто добавляет кавычки треугольные с закрывающим тегом). Что может быть не так?

    [Ответить]

    ZekMan Reply:

    Если стили в html файле — то работать не будет. Работать будет только если вы редактируете css в отдельном css файле

    [Ответить]

Написать комментарий