Koala App: кроссплатформенное приложение для современной веб-разработки

Во времена Netscape и Internet Explorer 6 большинство веб-разработчиков писали веб-документы только в простом HTML, CSS и JavaScript. Сегодня у нас есть множество утилит для более эффективного написания этих трех языков, таких как LESS, Sass, CoffeeScript и Jade.

Мы можем написать коды на этих новых языках, а затем скомпилировать их в стандартной форме. Компилятор размещается в терминале и выполняется через командные строки. Увы, не всем удобно работать с командной строкой. Это может быть хлопот. Давайте проверим Приложение коала, приложение, которое позволяет нам скомпилировать их через приятный графический интерфейс.
Начиная
Коала это бесплатное кроссплатформенное приложение. Таким образом, вы можете использовать его независимо от вашей операционной системы (ОС). Он доступен для Windows, OS X, Ubuntu и других дистрибутивов Linux. Загрузите установочный пакет соответственно; .exe для Windows, .dmg для OSX, .deb для Ubuntu и .tar.gz для Linux. Следуйте инструкциям по установке в соответствии с вашей ОС и запустите приложение.
Поиск проблемы
Однако, если вы используете Ubuntu 13.04 или 13.10, вы, вероятно, столкнетесь с проблемой, когда приложение не может быть запущено и запущено; это просто внезапно закрывается.

Чтобы решить эту проблему, вы можете сделать следующее:

1. Скачать библиотеку Udev с этой страницы; libudev0_i386 для Ubuntu с 32-битной архитектурой или libudev0_amd64, если вы используете Ubuntu 64bit.

2. Запустите пакет .deb, который вы только что загрузили. Это откроет .deb в Центре программного обеспечения Ubuntu. Нажмите кнопку Установить.
   Запустите Terminal и введите перейдите в каталог / usr / lib с этой командной строкой:

cd / usr / lib

Для Ubuntu 64bit введите следующую команду:

cd / usr / lib64

Наконец, введите эту команду.

sudo ln -s libudev.so.1 libudev.so.0

Теперь вы сможете запустить приложение Koala.
Используя Коалу
На момент написания, приложение Koala поддерживает следующие языки: МЕНЬШЕ, пререкаться, Компас, а также CoffeeScipt, Предполагая, что вы создали папку, содержащую файлы проекта, включающие один из упомянутых языков, вы можете перетащить эту папку в приложение окна, чтобы добавить ее в качестве «проекта Koala». В нем будут перечислены поддерживаемые файлы следующим образом:
Настройки проекта
В настройках проекта мы можем настроить вывод файла. Нажмите на значок шестеренки на боковой панели окна приложения. Это открывает диалоговое окно наложения, как показано. В левой части окна вы можете увидеть несколько меню или панелей для настройки приложения, а также меню для каждого языка, который оно поддерживает.
Например, давайте перейдем к панели LESS. В нем есть несколько вариантов, а именно:

• Карта источника: выберите этот параметр, чтобы включить карту источника для простой отладки. Когда мы проверяем элементы в браузере, он ссылается на сгенерированный CSS вместо исходного исходного файла. С включенной картой источника браузер сможет ссылаться на файл CSS-препроцессора – .sass или .less – а также на фактическую строку, где генерируется CSS.
• Комментарии к строке: выберите этот параметр, чтобы напечатать комментарии CSS в выходных данных, показывая исходную строку сгенерированного CSS.
• Информация об отладке: включите, чтобы показать ошибки, которые происходят.
• Строгая математика: если она включена, каждая математическая операция в LESS должна быть заключена в круглые скобки, чтобы обеспечить точность в выводе операции.
• Строгие единицы: если эта опция включена, каждая единица в математической операции должна быть одинаковой. (10em / 2px), например, вернется как ошибка.
• Стиль вывода: есть два варианта стиля вывода: обычный и сжатый. Во время разработки лучше установить его на Normal для упрощения отладки. Если вы собираетесь запустить веб-сайт, установите для него значение Compress, чтобы уменьшить размер выходного файла.

Настройки для каждого проекта
Предыдущие настройки применяются ко всем зарегистрированным проектам. Мы также можем настроить параметры для каждого проекта:

Щелкните правой кнопкой мыши папку проекта. Перейдите в «Настройки проекта»> «Новые настройки».
Есть несколько вариантов. Выбор «По умолчанию», «для LESS» и «для CoffeeScript» создает файл конфигурации проекта, koala-config.json, тогда как выбор «для Sass» или «для Compass» создаст config.rb, файл конфигурации Sass и Compass.

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

«отображение»: [
{
“src”: “build/less”,
“dest”: “assets/css”
}
],

config.rb – это файл Ruby для настройки Sass и Compass. Мы уже обсуждали их, а также конфигурацию в нашей предыдущей серии статей: Использование Compass In Sass. Вы можете прочитать его, чтобы узнать о aboutconfig.rb в деталях.
Последняя мысль
Коала приложение упаковано с необходимыми функциями. Благодаря этому вам не нужно беспокоиться о препятствиях при установке и настройке CSS-препроцессоров и CoffeeScript с помощью командной строки. Я надеюсь, что разработчик будет включать больше компиляторов для других языков, таких как Haml, нефрит, а также стилус, а также создать графический интерфейс для настройки проекта. Но для тех, кто работает только с LESS, Sass и CoffeScript, приложение Koala – достойное и эффективное приложение.