Как организовать автоматическую сортировку по алфавиту свойств стилей SASS/LESS в IDE?

Question

[Алексей]

Уж очень муторное это занятие в ручную выстраивать алфавитный порядок в исходниках SCSS. В WebStorm есть плагин - Css Alphabetical Rearranger, но он работает только с CSS. Как быть с SASS/LESS? Неужели это еще не автоматизировали? Какие еще есть варианты решения данной проблемы?

Comments

[Алексей]

Нашел плагин Shifter при выделении всего содержимого SCSS (СTRL+A) нажал сочетание клавиш Ctrl+Shift+Alt+K и все получилось. Ну хотя бы так, все не руками.

[profesor08]

Разве не лучше группировать свойства по смыслу? Позиционирование отдельно, размеры отдельно, раскраска отдельно, текст отдельно.

[Алексей]

profesor08, возможно вы правы, но линтер считает по другому

[sim3x]

Aleks, https://plugins.jetbrains.com/plugin/7489-css-alph... ?

[Антон Спирин]

Aleks,

возможно вы правы, но линтер считает по другому

А вы точно понимаете зачем вашему проекту нужен линтер?
Это правило, если что, отключить можно.

[Алексей]

sim3x, он алфавитит только CSS, но не SCSS

[Алексей]

Антон Спирин, я полагаю он больше мне нужен нежели проекту чтобы формировать правильные привычки.

[Антон Спирин]

Aleks, группировать свойства по-алфавиту это неправильная привычка. Общепринятая хорошая практика группировать правила по назначению, что-то вроде:

• Layout Properties (position, top, right, bottom, left, display)
  
• Box Model Properties (width, height, margin, padding)
  
• Visual Properties (color, background, border, box-shadow)
  
• Typography Properties (font-size, font-family, text-align, text-transform)
  
• Misc Properties (cursor, overflow, z-index)
  

[sim3x]

Aleks,
Как вариант - написать фич-реквест в трекере вебшторма и в трекере плагина
Они отвечают и даже делают

Пока внедрят - использовать что-то вроде https://plugins.jetbrains.com/plugin/5919-lines-sorter или https://github.com/krasa/StringManipulation

[Сергей delphinpro]

Антон Спирин,

Общепринятая хорошая практика группировать правила по назначению, что-то вроде:

Как насчет плагина, который все это будет автоформатировать? Знаете такой?

А еще, хорошо бы чтобы этот плагин был с искусственным интеллектом и правильно распознавал назначение миксинов типа size(), zdepth() и правильно их группировал с другими свойствами.