vscode autoprefixer插件 将less/scss/css文件自动添加浏览器兼容前缀

一.安装设置autoprefixer

1.搜索autoprefixer 安装

2.点击该插件，设置当前插件

3.找到settings.json进行编辑并添加如下内容

    "autoprefixer.options": {
        "browsers": [
        "ie >= 6",
        "firefox >= 8",
        "chrome >= 24",
        "Opera >= 10",
        "last 2 versions",
        "> 5%"
    ]}

二.使用

在less/scss/css页面，使用ctrl+shift+p快捷键，选择autoprefixer即可自动全部添加。

也可自行绑定相关快捷方式。

真的方便多了 ，还有它的官网，支持线上直接转换

https://autoprefixer.github.io/

要注意兼容选择

> 0.1%, last 2 versions, ie 9-11