小步调支持Scss

手机游戏开发者 2024-9-10 21:07:49 117 0 来自 中国
第一步:从 VSCode 中下载插件  Live Sass Compiler
第二步:打开 小步调的 扩展,然后导入 VSCode



第三步:新建 .vscode 文件夹,此中创建 settings.json 文件

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

文件结构

5.png 扩展:
如今剖析的 scss代码中,会有兼容性代码产生。
css兼容性前缀,-webkit-,-moz-,-ms,-o-等
如不必要天生兼容性的代码,用以下设置文件
{    "liveSassCompile.settings.formats": [{        "format": "expanded",        "extensionName": ".wxss",        "savePath": null    }],    "liveSassCompile.settings.autoprefix": [ // 这里为空将不会有兼容性代码产生    ],    "liveSassCompile.settings.generateMap": false}假如对你有资助,点个赞再走呗~
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-23 20:31, Processed in 0.189864 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表