自動添加瀏覽器兼容前綴的插件。
以VS Code為例:
在應用商店里搜索擴展autoprefixer,如圖:
搜索autoprefixer
點擊安裝。
然后就可以使用啦。
那么要怎么使用呢?比如我寫一個樣式如下:
.example {
display: flex;
transition: all .5s;
user-select: none;
background: linear-gradient(to bottom, white, black);
}
在VS Code編輯界面,右鍵,選擇“命令面板”,或者ctrl+shift+P調出命令面板,輸入autoprefixer關鍵字,點擊一下:
使用AutoPrefixer
然后代碼就變成帶有瀏覽器兼容前綴的了,如下:
.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);
}