第一步:从 VSCode 中下载插件 Live Sass Compiler
第二步:打开 小程序的 扩展,然后导入 VSCode

打开扩展

选择导入 vscode扩展
第三步:新建 .vscode 文件夹,其中创建 settings.json 文件

新建文件并写代码
{
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".wxss",
"savePath": null
}
],
"liveSassCompile.settings.generateMap": false
}
第四步:开启监听。点击“Watch Sass” 监听 Sass。

开启监听
文件结构

扩展:
现在解析的 scss代码中,会有兼容性代码产生。
css兼容性前缀,-webkit-,-moz-,-ms,-o-等
如不需要生成兼容性的代码,用以下配置文件
{
"liveSassCompile.settings.formats": [{
"format": "expanded",
"extensionName": ".wxss",
"savePath": null
}],
"liveSassCompile.settings.autoprefix": [ // 这里为空将不会有兼容性代码产生
],
"liveSassCompile.settings.generateMap": false
}
如果对你有帮助,点个赞再走呗~
【信息由网络或者个人提供,如有涉及版权请联系COOY资源网邮箱处理】
© 版权声明
部分内容为互联网分享,若有侵权请联系站长删除。
THE END
暂无评论内容