在vscode中安装sass插件、进行配置

插件支持的配置项的说明可以参考官网文档：https://github.com/glenn2223/vscode-live-sass-compiler/blob/master/docs/settings.md

安装插件以后，可以进行设置：

例如：

点击 在setting.json中编辑，然后根据自己的实际情况编辑：

可以配置自动生成兼容性的代码：

点击右下角的Watching：

可以在Watching和Not Watching之间切换：

例如，创建ptest.scss文件，内容为：

自动生成的ptest.css文件：

在监听的时候，只要scss文件的内容改了并且保存以后，就会自动生成css文件：

在html文件中，只需要引用生成的css文件：

看看自动生成兼容性的代码的作用：

而我们编辑的时候，只需要编辑原始的scss文件就行了，而无需关心css文件。