正文
自動給CSS文件添加不同瀏覽器的CSS3前綴:Autoprefixer
安裝

只需兼容主流瀏覽器
正常情況使用:(在書寫完的CSS樣式文件中,按F1,選擇Autoprefixer CSS)

這時候會添加最新需要兼容的css頭(PS:現在基本上只考慮Safari和Chrome了)
兼容其他瀏覽器
但是,這往往不是我們需要的,有時候還需要兼容Firefox、Opera和IE,那么可以自定義VSCode的配置項:


// autoprefixer配置
"autoprefixer.browsers": [
"ie >= 6",
"firefox >= 8",
"chrome >= 24",
"Opera>=10"
]
效果演示:

其他插件
最后貼一下我的前端插件:
- JS、CSS壓縮:
Minify - 在谷歌瀏覽器中調試:
Debugger for Chrome - 給不同區塊的括號上不同的色;
Bracket Pair Colorizer - 自動給
CSS文件添加不同瀏覽器的CSS3前綴:Autoprefixer - 智能提示CSS與ID:
HTML CSS Support - 查看語法兼容性:
Can I Use- PS:搜索html5就能找到
- 實時監測JS輸出:
Quokka.js- PS:只支持
js和ts文件
- PS:只支持
- 語法檢測:
ESLint、jshint、HTMLHint - js文檔注釋:
Document This(Ctrl+Alt+D) - CSS樣式跳轉:
CSS Peek - Vue框架智能提示:
Vetur - 縮寫補全:
JavaScript (ES6) code snippets - 格式化插件:
Beautify - 文件版權聲明:vscode-fileheader ctrl+alt+i
