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

最新推荐文章于 2025-11-15 02:03:49 发布

转载最新推荐文章于 2025-11-15 02:03:49 发布 · 724 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dotnetcrazy/p/10657394.html

文章标签：

本文介绍如何使用Autoprefixer自动为CSS文件添加跨浏览器的CSS3前缀，简化前端开发流程。同时分享了一套前端开发必备的VSCode插件组合，包括JS/CSS压缩、实时调试、语法检测等，提升开发效率。

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

效果演示：

最后贴一下我的前端插件：

转载于:https://www.cnblogs.com/dotnetcrazy/p/10657394.html