在vscode中使用scss需安装的插件及配置【编译scss】【Live Sass Compiler】
在vscode中使用scss需安装的插件及配置【编译scss】【Live Sass Compiler】
·
如何在vscode中使用scss
- 需要使用插件Live Sass Compiler将scss编译成css。
- 但是Live Sass Compiler插件安装了之后还要配置,官网有代码但是不全。找了半天发现配置Live Sass Compiler的资料很少。终于配置好之后,做了如下总结。
- 在vscode中使用scss的步骤:
1.安装插件Live Sass Compiler
2.配置Live Sass Compiler
在插件的设置中点击“在settings.json中编辑”,添加以下代码。

"liveSassCompile.settings.autoprefix": [//添加兼容前缀
"> 1%",
"last 2 versions"
],
"liveSassCompile.settings.formats":[
// 扩展
{
"format": "compressed",//可定制的出口CSS样式(expanded(展开格式),compact(紧凑格式),compressed,nested)
"extensionName": ".css",//编译后缀名
"savePath": "~/../css"//编译保存的路径
}
],
"liveSassCompile.settings.generateMap": true,//是否生成对应的map
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
更多推荐
所有评论(0)