在vscode中配置和使用sass
配置vscode支持sass编译
·
sass/scss是一种预编译的样式语言,可以在vscode中方便的使用它
安装插件:
需要安装2个插件,分别是easy sass(编译) 和 sass(代码提示)插件
配置插件
在vscode的settings.json中添加:
"easysass.formats":[
{"format": "expanded",
"extension": ".css"},
{"format": "compressed",
"extension": ".min.css"}
],
"easysass.targetDir": "./",
- easysass.formats.format 支持四个选项用以编译生成对应风格的 CSS:
nested:嵌套缩进的 css 代码。
expanded:没有缩进的、扩展的css代码。
compact:简洁格式的 css 代码。
compressed:压缩后的 css 代码。 - easysass.formats.extension 顾名思义就是设置编译输出的文件名了,实际使用发现加上路径会无法输出
更多推荐
所有评论(0)