Komodo Edit как основной инструмент веб-мастера

/ Просмотров: 13816
Метки: , ,

C той минуты, как я впервые установил и запустил Linux, одной из главных моих забот было найти хороший, функциональный, удобный веб-редактор.
Это оказалось не так-то просто, и на это ушел не один год...

Вводная

Начинающий веб-мастер, т.е. человек, уже знающий, что такое HTML и CSS и как их писать, быстро понимает, что без хорошего специализированного редактора не обойтись. Некоторые "старики" до сих пор стебаются над начинающими, заявляя, что писать код лучше и правильнее всего в "голом" блокноте типа виндового. Имхо, только совершенные ягнята способны сегодня повестись на этот миф. Написание html и css-кода – штука трудоемкая, и даже линуксовые блокноты (gedit, kate) или легкие IDE типа geany малопригодны, несмотря на подсветку, сниппеты и т.п. Да что там блокноты, сам могучий vim и тот удобен скорее как средство правки кода, но не создания его с нуля.

Еще несколько лет назад у линуксоидов, насколько я знаю, практически не было такого инструмента, который по функциональности хотя бы близко походил на виндовый (и платный) HTMLpad Блюменталя. У прожорливых громадных "комбайнов" типа Eclipse/Aptana слишком много, имхо, самоочевидных недостатков (в качестве html-редактора), которые я тут даже не намерен обсуждать. Quanta Plus, некогда многобещающий проект, увы, тихо захирел.

Был уже тогда, правда, бесплатный Komodo Edit от известной канадской фирмы ActiveState Software Inc., но до седьмых версий он казался мне слабоватым. Перелом в моем отношении к нему произошел с версии 7.1.2, и сегодня, когда уже актуален Komodo Edit 8.5.3, мне он кажется лучшим инструментом для html и css-кодинга на Linux.

Note: Именно в таком качестве – веб-редактора – он и будет рассматриваться в данном посте (или цикле постов, как получится). Однако на самом деле, являясь усеченной версией Komodo IDE, он способен на гораздо бóльшее: работать с PHP, Perl, JS, Ruby и т.д. Вы можете взять на офсайте триальную 21-дневную версию Komodo IDE и решить, стóит ли вам отваливать за нее примерно $90 $100 уже. (Увы, бежит не только время, но и цены...) Имхо, для веб-мастера, тем более начинающего, вполне достаточно Komodo Edit.

Вкратце отличительные особенности современного Komodo Edit: автодополнение, непрерывная валидация кода, гибко настраиваиваемая подсветка (лучшая из всех, что я до сих пор видел), цветопробник, позволяющий выбирать и менять цвет "на лету" двумя кликами мыши, полный контроль над кейбиндами, приличный список расширений, среди которых, конечно, и Emmet (бывший Zen Coding), легкая возможность создавать и применять свои шаблоны, система проектов, и прочее, и прочее, с важнейшим из которого мы познакомимся по ходу дела.

Чего в Komodo Edit нет и, кажется, не предвидится, так это русского языка смотри поправку ниже. Кто с английским с пятого на десятое, как я, будет иметь некоторые затруднения, особенно в настройке. Но ведь программисту надо хоть как-то управляться с английским, это аксиома, а не теорема. А веб-мастера тоже программисты (хотя один мой друг-программист считает последнее утверждение как раз теоремой smile). Короче, обзаводитесь Goldendict и словарями к нему, включайте в закладки translate.ru и, помолясь, приступим.

Внимание! был не прав, русификация есть!. Laborpago сообщил об этом ниже, в комменте. Огромное ему спасибо.

Установка

Note: В Ubuntu и Mint есть возможность установить KomodoEdit с Launchpad.net. Подробно см. в материале Алексея Федорчука. Я же описываю установку пакетом с официального сайта.

Идем сюда, берем нужный нам вариант (в моем случае Komodo Edit for Linux x86), загружаем в какую-нибудь директорию.

UPD: В 2017 году всё еще можно взять какую-нибудь из старых версий Komodo Edit из архива.
Распаковываем архив:

tar -xf Komodo-Edit-8.5.3-14067-linux-x86.tar.gz

и получаем папку Komodo-Edit-8.5.3-14067-linux-x86
Папочка нехилого размера – 240 Мб у данной версии, содержит 680 вложенных каталогов и 5829 файлов.
Войдя в нее, сразу же видим файл install.html. Открываем его в браузере и читаем, особенно секцию Linux, до полного просветления.
Системные аппетиты у Komodo-Edit немаленькие: пенек с частотой не ниже 1 ГГц, 1 Гиг оперативки, 250 Мб свободных на жестком диске и еще 350 Мб временно используемых при установке.
Зависимости (glibc, гномьи библиотеки и прочее), будем считать, у нас удовлетворены (в LM так и есть).
Итак, добираемся до установки как таковой.

Она проста: нужно запустить скрипт install.sh

./install.sh
Тут грузчик скрипт спросит, куда ставить комод, в спальню или на кухню. Если просто даванем enter, то Комодо будет установлен по пути /home/$USER/Komodo-Edit-x.y, где x.y, понятное дело, версия. Этот умолчальный вариант вполне приемлем для большинства юзеров, а если он вам не нравится/не подходит, укажите свой путь. Можно даже изначально запустить инсталляционный скрипт с указанием вашего варианта, например, так:
./install.sh -I ~/opt/Komodo-Edit-8.5

Гайд предупреждает нас от возможных ошибок: не устанавливайте Комодо по пути, содержащем пробелы и не-алфавитные символы (нормальный линуксоид такой дури не сотворит даже в нетрезвом виде, имхо); не устанавливайте Комодо в каталоги, содержащие совместно используемые файлы и каталоги, такие как /usr/local. Короче, ставьте его в свой собственный каталог.
Завершив за несколько секунд установку, скрипт выбросит нам такое сообщение:

install: warning: did not install desktop shortcut: '$HOME/Desktop' does not exist (a Komodo .desktop file has been created in '/home/$USER/Komodo-Edit-8/share/desktop/komodo-edit-8.desktop' that you may install manually) ============================================================================== Komodo Edit 8 has been successfully installed to: $HOME/Komodo-Edit-8 You might want to add 'komodo' to your PATH by adding the install dir to you PATH. Bash users can add the following to their ~/.bashrc file: export PATH="$HOME/Komodo-Edit-8/bin:$PATH" Or you could create a symbolic link to 'komodo', e.g.: ln -s "/home/brego/Komodo-Edit-8/bin/komodo" /usr/local/bin/komodo Documentation is available in Komodo or on the web here: http://docs.activestate.com/komodo Please send us any feedback you have through one of the channels below: komodo-feedback@activestate.com irc://irc.mozilla.org/komodo http://bugs.activestate.com/ Thank you for using Komodo. ==============================================================================
Кстати: вот мы и столкнулись с директорией с пробелом в имени. Папка "Рабочий стол", имхо, – темное пятно на репутации тех, кто работал над русской локализацией Ubuntu/Mint. Естественно, Komodo как приличное линуксовое приложение, помещать туда свой ярлык отказывается, и он прав. Придется делать это нам, ручками. Что, впрочем, не трудно: копируем файл $HOME/Komodo-Edit-8/share/desktop/komodo-edit-8.desktop в папку Рабочий стол.

Комодо нужно прописать в переменную $PATH. Делается это одним из следующих способов:
впишите в свой ~/.bashrc строку

export PATH="$HOME/Komodo-Edit-8/bin:$PATH"
либо бросьте симлинк на файл $HOME/Komodo-Edit-8/bin/komodo в какую-нибудь PATH-директорию, например, в /usr/local/bin:
sudo ln -s "$HOME/Komodo-Edit-8/bin/komodo" /usr/local/bin/komodo
Комодо установлен и готов к настройке и работе.

Первый запуск. Предварительная настройка интерфейса.

Запустив Komodo Edit в первый раз, видим такую картинку:

Запуск Komodo Edit

Закрыв окно "Welcome to Komodo" (его всегда можно открыть из меню View — Getting Started), видим стартовую страницу.

Стартовая страница Komodo Edit

Здесь, в секции Recent Files, будут сохраняться последние открытые файлы, выше последние проекты, а ниже — шаблоны. Возможны простые действия с ними из контекстного меню по ПКМ (Открыть/Удалить, имеется ввиду удаление из списка):

Контекст стартовой страницы

Если не хотите, чтобы стартовая страница открывалась каждый раз, можно убрать галочку в Edit — Preferences — Appearance. Здесь же можно определить, сколько последних проектов и файлов будет сохраняться на стартовой странице, а также поменять скин.
Кроме того, обратите внимание на правую сторону стартовой страницы. Тут доступна такая полезная штука, как Check Configuration.

Check Configuration

Открыв ее, видим, чтó у нас установлено (точнее, чтó видит Комодо в системе. Он не видит наш php, поскольку тот установлен в составе XAMPP и в переменной $PATH отсутствует. С этим мы еще разберемся.) Тут же можно открыть справку и вкладку Properties, соответствующую сабжу.

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

По умолчанию Komodo Edit открывает файлы примерно в таком виде:

Открытый с дефолтными настройками файл css

Бросаются в глаза две особенности: отсутствие переноса длинных строк и навигационная полоса справа (MiniMap). Если вас устраивает подобное поведение для большинства файлов, и вам лишь иногда нужно его менять, то word wrap можно включать/выключать клавишами Ctrl + 9, а Minimap отключать и включать в меню View — View Minimap.

Включаем или отключаем Minimap для текущего файла

Меня, к примеру, это совсем не устраивает, поэтому я первым делом отключаю этот Minimap в настройках (Меню — Edit — Preferences), заодно контролируя наличие галочки на Show line number:

Убираем Minimap, включаем нумерацию строк

а затем включаю постоянный перенос строк:

Включаем перенос длинных строк

Обратите внимание: в меню Edit — Current File Settings можно выставить некоторые настройки, отличные от дефолтных, и они будут соблюдаться для данного файла, пока он находится в списке Recent Files.

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



UPD: Пока я раскачивался с продолжением, медитируя и погружаясь в тонкости настроек KomodoEdit, Алексей Федорчук, прочитав данный пост, практически мгновенно откликнулся своими первыми впечатлениями о редакторе (вот, между прочим, что значит профессионал). Для читателя, интересующегося сабжем, полагаю, это будет весьма интересно и полезно, поскольку интересы мои и Алексея Викторовича в значительной мере не перекрываются, а дополняют друг друга: с одной стороны – html и css-кодинг, php, bash, sql и подобное, с другой – в основном plain-text, работа с проектами, макросами и т.п., то есть всё то, о чем я если и собирался писать, то в последнюю очередь и без особых подробностей. Таким образом, взгляд на KomodoEdit становится более объемным и объективным.
Комментариев: 8 RSS

Вот спасибо Laborpago! Знаю, что кто-то собирался этим заняться, но, как мне казалось, отступился, и я перестал этим интересоваться. Трудно за всем уследить :(, тем приятнее, что я ошибался. Дополняю пост.

Для Ubuntu/LM komodo-edit есть на лаунчпаде:

https://launchpad.net/~mystic-mirage/+archive/ubuntu/komodo-edit?field.series_filter=

поддерживаются - precise, trusty, utopic

кстати, заинтриговали - надо будет попробовать

до сих пор полагал лучшим редактором Geany, в том числе (с небольшими дополнениями в виде макросов) и как html-редактор

Спасибо за отклик!

Лаунчпадовский "Комод" я проморгал, -- отчасти потому, что он и с оффсайта ставится без проблем. Но инфу обязательно внесу, для полноты картины.

Что касается Geany, то самый большой ее плюс -- сниппеты, здесь с ней может сравниться только Vim. Но колтипсы Komodo на порядок удобнее (хотя сниппеты в нем как раз проигрывают Geany в удобстве). Без колтипсов, стóит их раз попробовать, писать-править html и особенно css уже как бы и не можешь: стрёмно. Ну, и некоторые другие штуки, о которых я упомянул в посте.

...Который, увы, пока не продолжен, как предполагалось: всякие обстоятельства (за ними частенько прячется лень-матушка) помешали. Но я обязательно вернусь к теме.

Я пишу практически чистый plain text, в элементами html-разметки, остальное делает WordPress, так что для меня много наворотов по части кода не нужно, так что в Geany - как в рюкзаке почти хорошего туриста: всё необходимое и довольно мало лишнего. Для меня, повторяю.

Но Komodo Edit поставил из PPA - всё встало, как надо, в /usr/bin, /usr/lib etc.

Сейчас русифицирую по рецепту из первого коммента, покручу немного и отпишу впечатления.

Спасибо за наводку - на водку я и сам наскребу smile

Вот они, первые впечатления от Komodo Editor: http://alv.me/?p=6381

И спасибо Laborpago за русификацию

Большое спасибо за обзор! Раньше пользовался Geany, теперь перешёл на KE.

Оставьте комментарий

Комментарий будет опубликован после проверки

(обязательно)