vscode配置autoprefixer 自动补全css兼容性代码

最新推荐文章于 2025-06-29 09:09:40 发布

原创最新推荐文章于 2025-06-29 09:09:40 发布 · 1.1w 阅读

7 ·

CC 4.0 BY-SA版权

开发工具专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了在VSCode中遇到AutoPrefixer插件在CSS文件中不生效的问题及解决方法。通过设置首选项，手动配置目标浏览器版本，确保CSS前缀自动添加功能正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到的问题：vscode安装完autoprefixer之后，在css文件中不生效怎么办?

这种情况需要自己手动设置
1.点击vscode的文件，进入首选项下面的设置里
2.搜索autoprefixer 进入settings.json中

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190228210533104.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpMTM0MjM5MjE4NA==,size_16,color_FFFFFF,t_70

3.输入：
 "autoprefixer.browsers": [
        // "last 9 versions", 
        "ie >= 6",  //ie6以上
        "firefox >= 8",
        "chrome >= 24",
        "Opera>=10"
    ]

在这里插入图片描述
最后写好的css代码执行autoprefixer就是这样啦