vs code关于sass插件安装及其配置

第一步：打开vs code插件库，搜索 Live Sass Compiler进行安装；

第二部点击配置选择拓展设置

第三步点击settings.json 文件进行配置

配置代码如下：

"===========================分隔符================================"

    /**liveSassCompile 插件配置 **/

    "liveSassCompile.settings.formats":[

        {

            /*

            :nexted -嵌套模式

            :expanded - 展开格式

            :compact - 紧凑模式

            :compressed - 压缩格式

            */

            "format": "compact", //可定制的出口css样式(expanded,compact,compressed,nested)

            "extensionName": ".css",

            "savePath": "~/../css" // 为null为当前目录

        }

    ],

    /*排除目录*/

    "liveSassCompile.settings.excludeList":[

        "**/node_modules/**",

        ".vscode/**"

    ],

    /* 是否生成对应的map*/

    "liveSassCompile.settings.genrateMap":true,

    /* 是否添加兼容前缀，例如 ： --webkit-  -moz- ...等*/

    "liveSassCompile.settings.autoprefix": [

        "> 1%",

        "last 2 versions"

    ],

 "===========================截止================================"