介紹一款自動給添加不一樣瀏覽器CSS3前綴的插件~Autoprefixer（附其餘前端開發插件）

正文

自動給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"
    ]

效果演示：

其餘插件

最後貼一下個人前端插件：

1. JS、CSS壓縮：Minify
2. 在谷歌瀏覽器中調試：Debugger for Chrome
3. 給不一樣區塊的括號上不一樣的色；Bracket Pair Colorizer
4. 自動給CSS文件添加不一樣瀏覽器的CSS3前綴：Autoprefixer
5. 智能提示CSS與ID：HTML CSS Support
6. 查看語法兼容性：Can I Use
   • PS：搜索html5就能找到
7. 實時監測JS輸出：Quokka.js
   • PS：只支持js和ts文件
8. 語法檢測：ESLint、jshint、HTMLHint
9. js文檔註釋：Document This（Ctrl+Alt+D）
10. CSS樣式跳轉：CSS Peek
11. Vue框架智能提示：Vetur
12. 縮寫補全：JavaScript (ES6) code snippets
13. 格式化插件：Beautify
14. 文件版權聲明：vscode-fileheader ctrl+alt+i