自動(dòng)添加瀏覽器兼容前綴的插件。
以VS Code為例:
在應(yīng)用商店里搜索擴(kuò)展autoprefixer,如圖:
點(diǎn)擊安裝。
然后就可以使用啦抱婉。
那么要怎么使用呢?比如我寫一個(gè)樣式如下:
.example {
display: flex;
transition: all .5s;
user-select: none;
background: linear-gradient(to bottom, white, black);
}
在VS Code編輯界面桌粉,右鍵蒸绩,選擇“命令面板”,或者ctrl+shift+P調(diào)出命令面板铃肯,輸入autoprefixer關(guān)鍵字患亿,點(diǎn)擊一下:
然后代碼就變成帶有瀏覽器兼容前綴的了,如下:
.example {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -webkit-linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);
}