CSScomb в WebStorm – Сортировка CSS свойств

Есть хороший проект называется CSScomb от Вячеслава Олиянчука aka miripiruni. Суть его в том, что он сортирует CSS свойста согласно определенному порядку, который мы выставляем самостоятельно. Уже есть плагины для Coda и TextMate. Однако я пользуюсь WebStorm (WebIde) и очень захотелось подобного функционала именно в нем. Ну что ж сказано – сделано :)
<!--more-->

Представляю вашему вниманию CSScomb для WebStorm for Mac OSLinux.

Идея на самом деле очень простая – модифицировать php скрипт CSScomb таким образом, чтоб он обрабатывал нужный мне css файл. Это оказалось довольно просто. Сам скрипт пока очень сырой, он не умеет проверять *.css файл это или нет или обрабатывать целые папки…

Что необходимо для установки:

  • Mac OS
  • установленный PHP
  • Скачать CSScomb для WebStorm
  • Сам WebStorm

Установка:

  • Распаковать csscomb.php.zip – в удобную для Вас директорию.
  • Запустить WebStorm.
  • Открыть настройки
  • Найти External tools
  • Нажать Add
  • В открывшимся окне заполнить поля
    • Name: CSScomb
    • Description: CSS normalizer
    • Галочки оставляем все
    • Program: php
    • Parameters: /path/to/csscomb.php $FilePath$
    • Ok

Парочка скринов:
Файл до обработки
Меню CSScomb
Обработанный CSS файл

Пример работы скрипта можно посмотреть http://miripiruni.org/css-reorder/. Сами правила можно редактировать в файле csscomb.php.

Подозреваю, что под Windows миграция будет абсолютно безболезненная.

UPD. Скрипт доступен на гитхабе проекта CSScomb




Share this story