Есть ли в 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 отменить его.
Ответ #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 том числе обработка комментариев.
Ответ #2
Ответ на вопрос: Есть ли в Visual Studio инструмент для сортировки определений CSS по алфавиту?
Я ничего не знаю о visual studio, но есть 9X_max-height онлайн-инструменты для очистки и форматирования 9X_min-height css. Я успешно использовал CleanCSS
Обновление:
Попробуйте этот 9X_min-width Format CSS Online. Кажется, строки выводятся так, как вы 9X_visual-studio хотите
Ответ #3
Ответ на вопрос: Есть ли в Visual Studio инструмент для сортировки определений CSS по алфавиту?
На самом деле это намного проще, и вам не 9X_css-layout нужно устанавливать никаких плагинов.
Просто 9X_visual-studio-community выберите "Файл"> "Настройки"> "Сочетания 9X_css клавиш"
Затем введите "Сортировка строк по 9X_css3 возрастанию" и сопоставьте с этим привязку 9X_min-height клавиш.
-
2
-
4
-
17
-
6
-
5
-
2
-
6
-
12
-
12
-
7
-
12
-
2
-
10
-
11
-
10
-
7
-
11
-
12
-
7
-
3
-
4
-
8
-
32
-
4
-
14
-
4
-
6
-
22
-
8
-
11
-
13
-
11
-
11
-
7
-
4
-
9
-
5
-
3
-
7
-
9
-
9
-
7
-
10
-
8
-
9
-
5
-
4
-
9
-
12
-
13