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
Парочка скринов:
Пример работы скрипта можно посмотреть http://miripiruni.org/css-reorder/. Сами правила можно редактировать в файле csscomb.php.
Подозреваю, что под Windows миграция будет абсолютно безболезненная.
UPD. Скрипт доступен на гитхабе проекта CSScomb