Почему CSScomb сдвигает свойства в VS Code?

Question

[Johuginn]

Всем привет! Подскажите, пожалуйста, в чем может быть проблема.

При форматировании содержимого файла стилей с помощью плагина CSScomb, все свойства смещаются в сторону. Редактор — VS Code.

До и после:


Из настроек выставлено только:

"csscomb.formatOnSave": true,
"csscomb.preset": "yandex"

В случае установки стандартного пресета, некоторые свойства вовсе переносятся в одну строку.

Других форматирующих плагинов не установлено. Переустановка и удаление пользовательских файлов проблему не решают.

Примечательно, что подобной проблемы в этом же редакторе (при всех идентичных настройках), установленном на моём MacBook, нет. Проблема наблюдается только на Windows, включая также редактор Atom.

Уже всю голову сломал.

Answer 1

[profesor08]

Этого достаточно
https://marketplace.visualstudio.com/items?itemNam...

Что касается расширения из вопроса, то видимо оно подохло, не обновляется, непопулярное, ненужное.

Comments

[Johuginn]

С Prettier так и не подружился. Форматирует содержимое только отступами, мне же хотелось бы какую-то сортировку, чтобы все куски кода приводились к единому стилю написания. Или, может быть, я просто не разобрался с его настройками?

[profesor08]

andrei001, если отсортируешь блоки, то похеришь порядок применения стилей и приоритеты. Если ты хочешь отсортировать только свойства внутри блоков, то получишь кашу в алфавитном порядке. Удобнее группировать стили по типу, позиционирование отдельно, размеры отдельно, раскраска отдельно.

[Johuginn]

profesor08, именно этого я и хочу:

позиционирование отдельно, размеры отдельно, раскраска отдельно

Только автоматически, как это делал CSScomb. В Prettier я этого не увидел, в этом и вопрос: может я что-то упустил?

[profesor08]

andrei001, я не встречал, и мне не надо, все эти вещи довольно ситуативные, а сортировка может сбить с хода мысли. Вот например я держу вместе стили у которых есть анимация вместе с самим свойством анимации/транзиции.