第一步:从 VSCode 中下载插件 Live Sass Compiler
第二步:打开 小程序的 扩展,然后导入 VSCode
![](https://www.cooy.cn/wp-content/uploads/2024/11/frc-680d2375b9b3b7f6f2c6fe1148e962ce.png)
打开扩展
![](https://www.cooy.cn/wp-content/uploads/2024/11/frc-69cbc401bc8d3beabf4a618afc94e45f.png)
选择导入 vscode扩展
第三步:新建 .vscode 文件夹,其中创建 settings.json 文件
![](https://www.cooy.cn/wp-content/uploads/2024/11/frc-9701f6eb10cfc6f0a783bdd4abf21e8a.png)
新建文件并写代码
{
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".wxss",
"savePath": null
}
],
"liveSassCompile.settings.generateMap": false
}
第四步:开启监听。点击“Watch Sass” 监听 Sass。
![](https://www.cooy.cn/wp-content/uploads/2024/11/frc-d710a5287267c0ef1e9b7de31806ad24.png)
开启监听
文件结构
![](https://www.cooy.cn/wp-content/uploads/2024/11/frc-4136b415e0a7822c3ca5457044074331.png)
扩展:
现在解析的 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
暂无评论内容