VS Code autoprefixer v3.0.1配置

Autoprefixer不生效，不起作用，

网上查询了很多版本的解决方法。都没有解决，最终其实这个问题很简单。什么退回老版本，都不是必要的。

一、前提条件：

用管理员身份运行VS Code

二、安装最新版本的Autoprefixer

三、设置快捷键为：Ctrl+Alt+X(也可以根据自己需要设置)

四：配制

"autoprefixer.options": {

        // 定义浏览器参数

        "overrideBrowserslist": [

            "last 2 versions",

            "> 5%"

        ],

        // 是否添加浏览器前缀，默认：true

        "cascade": true,

        // 是否移除不必要的浏览器前缀，默认：true      

        "remove": true  

    }

Options详解

可用的选项有：

Browserslist

上述示例：“市场份额超过5%的浏览器版本” 和 “每种浏览器的最新2个版本” 的并集。

• env （字符串）：Browserslist的环境。
• cascade（布尔值）：如果CSS未压缩，则Autoprefixer应该使用Visual Cascade。默认：true
• add（布尔值）：Autoprefixer应该添加前缀。默认值为true。
• remove（布尔值）：应该使用Autoprefixer [删除过时的]前缀。默认值为true。
• supports（布尔值）：Autoprefixer应该为@supports 参数添加前缀。默认值为true。
• flexbox（布尔值|字符串）：Autoprefixer应该为flexbox属性添加前缀。随着"no-2009"价值Autoprefixer只会最终和IE 10个版本规格的加上前缀。默认值为true。
• grid（false | "autoplace"| "no-autoplace"）：Autoprefixer是否应为Grid Layout属性添加IE 10-11前缀？
  • false （默认）：阻止自动前缀生成器输出CSS Grid转换。
    
    -"autoplace"：启用Autoprefixer网格转换并包括自动放置支持。您也可以/* autoprefixer grid: autoplace */在CSS中使用 。
  • "no-autoplace"：启用Autoprefixer网格转换，但不支持自动放置。您也可以/* autoprefixer grid: no-autoplace */在CSS中使用 。（折旧true值的别名）
• stats（对象）：自定义使用统计对> 10% in my stats 浏览器的查询。
• overrideBrowserslist（数组）：目标浏览器的查询列表。最佳实践是使用.browserslistrc配置或browserslist键入命令package.json来与Babel，ESLint和Stylelint共享目标浏览器。有关 可用的查询和默认值，请参见 Browserslist文档。
• ignoreUnknownVersions（布尔值）：在Browserslist配置中的未知浏览器版本上不引发错误。默认值为false。

插件对象具有info()用于调试目的的方法。

---

运行一下，就可以了

---