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

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

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

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

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

vscode配置autoprefixer 自动补全css兼容性代码
最后写好的css代码执行autoprefixer就是这样啦
vscode配置autoprefixer 自动补全css兼容性代码