在 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