首页 / CSS3 / 介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer（附其他前端开发插件）

介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer（附其他前端开发插件）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer（附其他前端开发插件），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含841字，纯文字阅读大概需要2分钟。

内容图文

正文

自动给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

原文：https://www.cnblogs.com/dotnetcrazy/p/10657394.html

内容总结

以上是互联网集市为您收集整理的介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer（附其他前端开发插件）全部内容，希望文章能够帮你解决介绍一款自动给添加不同浏览器CSS3前缀的插件~Autoprefixer（附其他前端开发插件）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1305050.html

来源：【匿名】