在 Visual Studio Code 中添加自动前缀 css 变量

Question

有没有办法在 Visual Studio Code 中设置 css-auto-prefixer 以添加自动前缀 css 值而不是 append 值？

当我输入可前缀的属性时，例如border-radius ，自动前缀会添加-webkit-border-radius （如预期的那样）。 但是它将它附加到列表中，当像 Firefox 这样的浏览器遍历属性列表时，它最终会使用 -webkit 版本，因为它是最后一个版本。

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

由于它是一个级联样式表，人们会认为未加前缀的 current 属性应该排在最后，而 retro 属性应该排在第一位。

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

Answer 1

像这样键入它：

-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://marketplaceName.visualstudio.com/items? .vscode-autoprefixer