CSS3不同平臺(tái)兼容性增加了很多代碼窗声,人工實(shí)現(xiàn)兼容費(fèi)時(shí)費(fèi)力又容易出錯(cuò)。
好在神器webstorm內(nèi)置了css3自動(dòng)補(bǔ)全屑彻。當(dāng)輸入transform時(shí),webstorm
會(huì)自動(dòng)補(bǔ)全如下,nice:)
-webkit-transform: ;
-moz-transform: ;
-ms-transform: ;
-o-transform: ;
transform: ;
但是當(dāng)我們從別處復(fù)制來的或者只有原生的時(shí)怎么辦呢?
autoprefixer
autoprefixer可以實(shí)現(xiàn)css3代碼自動(dòng)補(bǔ)全艰猬。
詳情見,https://github.com/postcss/autoprefixer
webstorm整合autoprefixer
打開設(shè)置埋市,搜索external tools冠桃,點(diǎn)擊綠色+號,
配置如下
Program是autoprefixer 的PATH道宅,windows下可以用
where autoprefixer
參數(shù)如下
Program:填入你的PATH食听,我的是C:\Users\Administrator\AppData\Roaming\npm\autoprefixer.cmd
Parameters:$FileDir$$FileName$
Working directory :$ProjectFileDir$
配置快捷鍵
keymap 搜索 external tool, 配置 autoprefixer即可污茵。 我配置的是
CTRL+SHIFT+ALT+P樱报。
下次就可以直接CTRL+SHIFT+ALT+P一鍵轉(zhuǎn)換了