打开VSCode编辑器,然后按ctrl+P
,键入ext install live-sass
,安装扩展。
按F1或ctrl+shift+P键入Live Sass: Watch Sass
以开始实时编译,或者按键入Live Sass: Stop Watching Sass
以停止实时编译。
参数设置:
"liveSassCompile.settings.formats":[
// 扩展
{
"format": "compact",//可定制的出口CSS样式(expanded,compact,compressed,nested)
"extensionName": ".min.css",//编译后缀名
"savePath": null//编译保存的路径
}
],
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
关于Source map技术可以点此了解:
什么是Source map?.Map文件是什么,它的作用是什么?JQurey中的Source map使用技术放松