Есть ли в 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