Более красиво с настройками CSS в VS Code
У меня есть расширение Prettier, добавленное в мой редактор VS Code.
При использовании Less или Sass код формата настроек по умолчанию выглядит следующим образом:
// Default
.parent_selector {
.child_selector {
color: red;
}
}
// Desired Format
.parent_selector {
.child_selector {
color: red;
}
}
Как я могу настроить параметры Prettier CSS для достижения этой цели? Я знаю, что это кажется тривиальным, но в больших кодовых базах это помогает удобочитаемости.
Правило, которое вы хотите, состоит в том, что пустая строка должна быть добавлена после начала нового вложенного блока? Или перед каждым правилом в пределах области должна быть добавлена пустая строка?
@demo Prettier работает с Less и Sass: Меньше пример
@RoryO'Kane В идеале мне просто нужен пробел перед каждым правилом в области видимости.
Prettier самоуверен, поэтому инструмент Prettier старается не предоставлять слишком много вариантов. Я попытался изменить все параметры на игровой площадке Prettier, но ни один из них не дал такого эффекта. Поэтому вам придется выполнить это изменение форматирования с помощью какого-либо другого инструмента форматирования CSS. Решение также может использовать один из тех инструментов, которые помогут вам настроить одну команду для запуска Prettier, а затем другую программу, которая подправляет форматирование Prettier.
@RoryO'Kane Да, я тоже пришел к такому выводу. Спасибо, что посмотрели!
Ответы 1
Как альтернативный метод; Этого можно добиться с помощью плагина стайлинг и правил stylelint-config-стандарт.
npm install --save-dev stylelint stylelint-config-standard
После их установки перейдите к ctrl+shift+p в VS Code и выполните команду: stylelint: fix all auto-fixable problems.
PS: рассмотрите возможность назначения сочетания клавиш для команды stylelint: fix all auto-fixable problems для быстрого доступа.
так ты сказал, что Prettier не работает с меньшим количеством и дерзостью, верно?