Есть ли в Visual Studio инструмент для сортировки определений CSS по алфавиту?

Совет Эрика Мейера хранить отдельные правила 9X_css-classes в алфавитном порядке в определении стиля 9X_visual-studio-community CSS имеет смысл - не существует "естественного" способа 9X_css2 упорядочить правила, и это упрощает задачу 9X_min-width в сложном определении, чтобы вы не определяли 9X_max-height одно и то же дважды. .

div.Foo { background:Green; border:1px solid Khaki; display:none; left:225px; max-height:300px; overflow-x:hidden; overflow-y:auto; position:absolute; top:0; width:230px; z-index:99; } 

Итак, мой вопрос: есть 9X_css-classes ли плагин или другой простой способ выбрать 9X_visual-studio-community список правил в Visual Studio и расположить 9X_min-height их в алфавитном порядке? (А еще лучше применить 9X_min-width это во всей таблице стилей одним махом.)

Обновить

@Geoff 9X_css2 предлагает CleanCSS, который очень хорош 9X_max-height и будет выполнять запрошенную выше алфавитную 9X_css сортировку сразу, в дополнение к множеству 9X_visual-studio других хороших чисток (например, слияние 9X_css3 определений с одним и тем же селектором). К 9X_css-classes сожалению, он сворачивает несколько селекторов 9X_msvs в определении в одну строку. Например

div.Foo, div.Foo p, div.Foo li { color:Green; } 

становится

div.Foo,div.Foo p,div.Foo li { color:Green; } 

, который 9X_vs.net гораздо сложнее читать и является своего 9X_inline-block рода нарушителем условий сделки. Это самый 9X_css-layout низкий уровень сжатия, и я не вижу способа 9X_css2 отменить его.

14
0
3
Общее количество ответов: 3

Ответ #1

Ответ на вопрос: Есть ли в Visual Studio инструмент для сортировки определений CSS по алфавиту?

Ответ Бена правильный, но он подвержен ошибкам, но 9X_box-shadow приведите меня к этому плагину: https://github.com/mrmlnc/vscode-postcss-sorting Просто 9X_visual-studio-community добавьте это в свой settings.json после установки

"postcssSorting.config": { "properties-order": "alphabetical" } 

Затем 9X_msvs на панели команд vscode (cmd + shift + p) выберите 9X_max-height PostCSS Sorting: Run

Есть много других отличных параметров конфигурации, в 9X_css2 том числе обработка комментариев.

11
0

Ответ #2

Ответ на вопрос: Есть ли в Visual Studio инструмент для сортировки определений CSS по алфавиту?

Я ничего не знаю о visual studio, но есть 9X_max-height онлайн-инструменты для очистки и форматирования 9X_min-height css. Я успешно использовал CleanCSS

Обновление:

Попробуйте этот 9X_min-width Format CSS Online. Кажется, строки выводятся так, как вы 9X_visual-studio хотите

8
0

Ответ #3

Ответ на вопрос: Есть ли в Visual Studio инструмент для сортировки определений CSS по алфавиту?

На самом деле это намного проще, и вам не 9X_css-layout нужно устанавливать никаких плагинов.

Просто 9X_visual-studio-community выберите "Файл"> "Настройки"> "Сочетания 9X_css клавиш"

Затем введите "Сортировка строк по 9X_css3 возрастанию" и сопоставьте с этим привязку 9X_min-height клавиш.

8
0