Автоматический отступ одного свойства CSS в VSCODECSS

Разбираемся в CSS
Ответить
Anonymous
 Автоматический отступ одного свойства CSS в VSCODE

Сообщение Anonymous »

Как настроить VScode, чтобы при автоформатировании правила CSS содержали только одно свойство в одной строке? Вот ожидаемый результат:

Код: Выделить всё

.p-auto { padding: auto !important; }

.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
Я уже много чего пробовал:
  • расширение css-on-line => Установить все правила в одной строке (даже длинные правила с несколькими свойствами)
  • Установить Prettier => Мне никогда не удавалось настроить ожидаемое поведение
  • Установить Beautify css/sass/scss/less => Мне никогда не удавалось настроить ожидаемое поведение.
  • Установите Prettier с помощью /* prettier-ignore */ => Вы должны сообщить об этом комментарии для каждой строки.
  • Я прочитал это: https://github.com/prettier/prettier/issues/5948 (лучший ресурс, который я нашел, но нет рабочего решения)
  • Я прочитал это: Украсить в VS Code: есть ли способ использовать однострочное форматирование для стилей с одним свойством, но многострочное для стилей с несколькими свойствами? (ноль ответа / ноль комментариев)
  • Я не нашел возможности предотвратить форматирование в блоке кода
  • Я не нашел возможности предотвратить форматирование файла
Есть идеи?

Подробнее здесь: https://stackoverflow.com/questions/798 ... -in-vscode
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»