Предварительно добавленные переменные css с автоматическим префиксом в коде Visual Studio

Есть ли способ установить css-auto-prefixer в коде Visual Studio, чтобы добавлять значения css с автоматическим префиксом, а не добавлять их?

Когда я ввожу свойство с префиксом, например border-radius, автоматический префикс добавляет -webkit-border-radius (как и ожидалось). Но он добавляет его в список, и когда такой браузер, как Firefox, просматривает список свойств, он в конечном итоге использует версию -webkit, поскольку она была последней.

border-radius: .5rem;
-webkit-border-radius: .5rem;

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

-webkit-border-radius: .5rem;
border-radius: .5rem;

visual-studio-code css autoprefixer
person Tom    schedule 25.07.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Введите это так:

-bdrs, а затем, когда вы выберете border-radius из предложений, префиксы поставщиков будут завершены до версии без префикса. Поэтому начните свойство с тире -, чтобы получить эту функциональность.

Это буквально пример из документации: см. https://code.visualstudio.com/docs/editor/emmet#_include-vendor-prefixes.

Если вы не хотите использовать сокращения emmet, посмотрите https://marketplace.visualstudio.com/items?itemName=sporiley.css-auto-prefix или https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-autoprefixer

person Mark    schedule 26.07.2020
comment
Похоже, мне нужно было бы выучить аббревиатуры Эммета, так как попытка версии -border-radius не открывала окно предложений, тогда как -bdrs открывала. Или просто отредактируйте вывод, так как я поддерживаю только один веб-сайт для своего бизнеса. - person Tom; 26.07.2020