Есть ли инструмент для алфавитного определения CSS в Visual Studio? - PullRequest
9 голосов
/ 16 октября 2008

Эрик Мейер советует держать отдельные правила в алфавитном порядке в определении стиля CSS, что имеет смысл - нет «естественного» способа упорядочить правила, и это позволяет легко в сложном определении убедиться, что вы не определяете одну и ту же вещь дважды .

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;
}

Итак, мой вопрос: есть ли плагин или какой-то другой простой способ выбрать список правил в Visual Studio и расположить их по алфавиту? (Еще лучше применить это по всей таблице стилей одним махом.)

Обновление

@ Джефф предлагает CleanCSS, который очень классный и будет выполнять запрошенную алфавитизацию одновременно, в дополнение ко многим другим хорошим способам очистки (например, объединение определений с одним и тем же селектором). К сожалению, он объединяет несколько селекторов в определении в одну строку. Например

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

становится

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

, который гораздо сложнее читать и как бы нарушает условия сделки. Это с самой низкой настройкой сжатия, и я не вижу способа ее переопределить.

Ответы [ 4 ]

7 голосов
/ 16 октября 2008

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

Обновление:

Попробуйте это Формат CSS Online . Кажется, вывести строки более, как вы хотите

2 голосов
/ 16 августа 2018

На самом деле все гораздо проще, и вам не нужно устанавливать плагин.

Просто зайдите в Файл> Настройки> Сочетания клавиш

Затем введите Сортировать строки по возрастанию, затем сопоставьте привязку клавиш с этим.

0 голосов
/ 14 апреля 2016

Используйте CodeMaid. Ctrl + M + F9 отсортирует любой текст по вашему выбору, независимо от типа.

0 голосов
/ 16 октября 2008

Это не плагин, и он не знает о CSS, но он часто полезен: электронная таблица, такая как Excel или Google Spreadsheets .

Я часто вырезаю код, вставляю его в Excel, немного изменяю его и вставляю обратно в редактор. Я считаю эту технику особенно полезной для быстрого алфавитизации.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...