前言
当需要将Sass或Scss文件编译成Css文件时,可以使用到VSCode中一个非常便捷的插件Live Sass Compiler
。
Live Sass Compiler有哪些功能?
- 实时SASS和SCSS编译。
- 导出CSS的可自定义文件位置。
- 可自定义的扩展名(.css或.min.css)。
- 快速状态栏控件。
- 支持自动前缀
如何使用?
- 安装插件:
ext install live-sass
- 在
settings.json
文件中加入下面配置参数
"liveSassCompile.settings.formats":[
// 扩展
{
"format": "compact",//可定制的出口CSS样式(expanded,compact,compressed,nested)
"extensionName": ".min.css",//编译后缀名
"savePath": null//编译保存的路径
}
],
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
- 按
F1
或ctrl+shift+P
键入Live Sass: Watch Sass
以开始实时编译 - 在需要编译的Sass/SCSS文件Ctrl+S保存,就会自动进行编译,生成CSS文件。
- 键入
Live Sass: Stop Watching Sass
以停止实时编译
更多方法
https://www.sass.hk/skill/sass154.html