在vscode中编写sass，编译

1，安装

打开扩展，搜索easy sass，初始化

2，改配置

打开文件--》首选项--》设置。

搜索sass，打开easysass config，点击在setting.json中编辑

在里面放入以下代码（注意在前面加逗号，因为这是json格式，这都属于设置对象里面的属性），从箭头下面开始复制

代码，里面注释写的已经很详细了

"easysass.formats": [ 
        //nested：嵌套缩进的 css 代码。
        //expanded：没有缩进的、扩展的css代码。
        //compact：简洁格式的 css 代码。
        //compressed：压缩后的 css 代码

        {
            "format": "expanded",
            "extension": ".css" //设置编译输出的文件名
        },
        {
            "format": "compressed",
            "extension": ".min.css" //设置编译输出的文件名
        }
    ],
    "easysass.targetDir": "./css/" //提供 css 输出路径的设置（可以是绝对路径或者相对路径）

然后在指定地方建一个css文件夹就是他的输出路径

每次编辑完scss，直接保存就会编译了

 

 

完结！