[开发工具]vsCode配置自动补全CSS兼容性代码，Autoprefixer 3.0无效解决方案

问题：
1. vsCode 配置自动补全CSS兼容性代码，Autoprefixer 3.0 及以上版本无效。

2. 特意测试了3.0以上版本，包含3.0，在配置的时候代码颜色就提示了，配置无效是不会出现Autoprefixer CSS命令的。

解决方案：

将 Autoprefixer 3.0.1版本降成3以下的版本（Autoprefixer 2.2.0）。

解决步骤：

1. 先降低Autoprefixer插件的版本。

?在npm安装全局

 npm i -g autoprefixer
 npm i -D autoprefixer

2. 再配置Autoprefixer的setting.json。

设置→扩展→Autoprefixer configuration options

?

?提示：配置设置完成后注意配置代码颜色，颜色朦胧样式的那就是无效的配置。

配置源码：

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

关闭vsCode软件。单机右键设置 属性 > 兼容性 ，选择 “以管理员身份运行此程序”

?

写在最后：

全部完成之后，切换页面到CSS页面ctrl+shift+p→输入Autoprefixer CSS命令就可以完成CSS兼容代码自动补全。

?

?
?