介紹一款自動給添加不同瀏覽器CSS3前綴的插件~Autoprefixer(附其他前端開發插件)


正文

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

安裝

只需兼容主流瀏覽器

正常情況使用:(在書寫完的CSS樣式文件中,按F1,選擇Autoprefixer CSS

這時候會添加最新需要兼容的css頭(PS:現在基本上只考慮SafariChrome了)

兼容其他瀏覽器

但是,這往往不是我們需要的,有時候還需要兼容FirefoxOperaIE,那么可以自定義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:只支持jsts文件
  8. 語法檢測:ESLintjshintHTMLHint
  9. js文檔注釋:Document ThisCtrl+Alt+D
  10. CSS樣式跳轉:CSS Peek
  11. Vue框架智能提示:Vetur
  12. 縮寫補全:JavaScript (ES6) code snippets
  13. 格式化插件:Beautify
  14. 文件版權聲明:vscode-fileheader ctrl+alt+i


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM