Компиляция Bootstrap в phpStorm

На Windows платформе пришёл к необходимости самому компилировать Bootstrap, а Рома Ганин показал, как делает это на Маке... сработало с первого раза

По результатам прошедшей встречи клуба MODX Санкт-Петербург
Я на Windows платформе пришёл к необходимости самому компилировать Bootstrap, а Рома Ганин показал, как делает это на Маке.

Посмотрел как это работает в редакторе Sublime, но так как у меня есть лицензия phpStrom и он тоже должен такое уметь - полез копать. И всё сработало с первого раза... очевидно до этого я намучался с Bootswatch, пытаясь скопилировать файлы .less для представленных там шаблонов Bootstrap, потому что во всех темах Bootswatch есть какие-то зависимости,.. точнее они явно отсутствуют в предоставляемых исходниках.

Вобщем сам рецепт

  1. Сначала нужно научить phpStrom работать с LESS. Делаем всё по этому мануалу http://predvoditelev.ru/less_to_css_in_phpstorm_win/
    phpStorm при редактировании и сохранении файла .less, автоматом будет класть рядом с ним неминифицированный .CSS.
  2. Затем ставите ещё один плагин http://plugins.jetbrains.com/plugin?pr=webide&pluginId=6740: скачиваете, в phpStorm открываете меню Settings->IDE Settings->Plugins и в этом окне выбираете "Install plugin from disk..."
    Это позволит вам минифицировать .css и .js файлы прямо в phpStrom через меню Refactor -> Compress или Ctrl+Alt+G

    Подготовления завершены.
  3. Теперь скачиваете .zip архив исходника Bootstrap с ГитХаба https://github.com/twbs/bootstrap. Заходите в bootstrap-master\less открываете файл bootstrap.less, который по сути является индексным и подключает себя все зависимые файлы, в том числе и файл с переменными, ради которых чаще всего это всё и затевается. И если вы всё сделали правильно, то при внесении изменений в less-код и сохранении phpStrom будет на лету генерировать .css файл.