CSScomb.js + PhpStorm | Sata Blog



CSScomb.js + PhpStorm

Недавно на хабре ребята из яндекса рассказали о своей утилите CSScomb.js, которая форматирует CSS. Сегодня расскажу как её подружить с PhpStorm.

Установка CSScomb.js

Устанавливается CSScomb.js через npm глобально. Надеюсь вы включили в PATH путь к модулям Node.

1
npm install csscomb -g

Теперь его можно пользовать отовсюду.

Дружим PhpStorm с CSScomb.js

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

Добавляем новую внешнею команду:

File->Settings->IDE Settings->External Tools->+

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

Program: csscombParameters: $FilePath$Working directory: $ProjectFileDir$

В Windows XP, это не сработало, и вместо csscomb надо указать полное название файла csscomb.cmd.

Всё! Теперь можете кликать на файл в дереве и запускать csscomb. Или поставить исполнение на горячую клавишу и пользовать её.

Настройка

Их можно задать в файле .csscomb.json, который должен лежать в корне рабочей директории. Все опции и готовые файлы настроек можно найти в git репозитории. Тут выложу свои)

Версия CSScomb.js: 3.0.0-5

Версия PhpStorm: 7.1.3ОС: Windows XP

Ссылки:

CSScomb.jsСтатья на хабреExternal Tools PhpStorm — Подключение внешних инструментов в PhpStorm

               Запись опубликована

10.07.2014

в рубрике css.                                       


http://satablog.zasaz19.modxcloud.com/?p=395

Губарь Маргарита Александровна