html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Prepros: open-source компилятор файлов для front-end разработки



Здравствуйте, уважаемые Хабражители.

Данная статья посвящена фантастическому, на мой взгляд, open-source приложению Prepros, которое может облегчить рабочий процесс многим фронт-энд разработчикам.

Prepros умеет компилировать файлы LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml и Markdown, минифицировать и объединять в один JavaScript-файлы и это еще не все.

Под катом — более подробный обзор приложения.



Возможности Prepros


Возможности приложения перечислены в информации о проекте на GitHub:

  • компиляция файлов less, sass, scss, compass, coffeescript, stylus, jade, slim, markdown, haml и livescript;
  • приложение не зависит от того, установлены ли в системе соответствующие программы и библиотеки (sass, compass и т.п);
  • возможность оптимизировать изображения;
  • обновление страниц в браузере в реальном времени;
  • минификация и объединение файлов JavaScript;
  • отслеживание директив import;
  • гибкие настройки;
  • система вывода ошибок и оповещений (логов);
  • встроенный http-сервер.

Создание http-сервера производится с целью просмотра проекта с различных устройств по установленному адресу; при таком просмотре поддерживается возможность LiveReload'а — обновления проекта в браузерах всех устройств в реальном времени.

В настоящее время существуют версии приложения для Windows и MacOS, также имеется расширение для Google Chrome, обеспечивающее возможность LiveReload. В планах — аналогичное расширение для FireFox.

Обзор интерфейса






Приложение выполнено в современном flat-стиле; приложение можно свернуть в трей, что удобно.

Интерфейс приложения, по сути, прост и интуитивно понятен. Слева в сайдбаре выводится список ваших проектов, центральная часть отведена на список файлов, справа находится меню для работы с отдельным файлом.

Сверху справа — меню глобальных настроек приложения.

В левом сайдбаре внизу — меню работы с проектом, позволяющее настроить проект: папки, в которые по умолчанию компилируются файлы соответствующих типов, параметры создания http-сервера, а также переход в меню оптимизации изображений.





Для каждого файла можно разрешить/запретить автокомпиляцию, скомпилировать вручную, а также указать параметры компиляции.

При активированной опции автокомпиляции после каждого сохранения файла программа выводит информацию о проведенной обработке файлов:


Развитие проекта и планы на будущее


Проект Prepros совсем молодой: первый релиз датирован 01 мая 2013 года, и, несмотря на то, что сейчас приложение производит впечатление уже готового продукта, приложение активно развивается, список запланированных фич можно посмотреть на главной странице проекта на GitHub.
Читать дальше
Twitter
Одноклассники
Мой Мир

материал с habrahabr.ru

3

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • habrahabr.ru
          • домен habrahabr.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции