使用Live Sass Compiler扩展在vs-code中编译
·
目的:可以实时看scss文件编译后的css文件
第一步:首先在vscode扩展里安装Live Sass Compiler插件

第二步:对 Live Sass Compiler插件配置
"liveSassCompile.settings.formats":[
// 扩展
{
"format": "compact",//可定制的出口CSS样式(expanded,compact,compressed,
nested)
"extensionName": ".css",//编译后缀名
"savePath": "/css"//编译保存的路径
}
],
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
第三步:按F1或ctrl+shift+P键入Live Sass: Watch Sass以开始实时编译,或者按键入Live Sass: Stop Watching Sass以停止实时编译。

更多推荐

所有评论(0)