美文网首页
微信开发者工具使用扩展Live Sass Compiler编译s

微信开发者工具使用扩展Live Sass Compiler编译s

作者: MrrrTian | 来源:发表于2021-12-20 15:17 被阅读0次

我微信版本号,其他版本自己测试吧


微信版本号

如果不用useCompilerPlugins的话,可参考这方法,project.config.json开启useCompilerPlugins的话这就没用了。。。注意

"useCompilerPlugins": ["sass"]

1. 安装Live Sserver 和 Live Sass Compiler

可选择从vs安装后,再导入


这三种方式可任选其一

不安装Live Sserver的话开发工具会有提示让安装的O(∩_∩)O~~

不想用vs code下载的点这里
提取码:wpfa

2.设置Sass编译方式,可选择不生成source map,没什么用

Ctrl+Shift+Alt+P 输入 setting,打开setting.json


打开json

3.输入设置

可复制代码如下
    "liveSassCompile.settings.formats": [  
        {
            "format": "expanded",
            "extensionName": ".wxss",
            "savePath": null
        }
    ],
    "liveSassCompile.settings.generateMap": false

4.编辑器右下角点这个

(如果没有重启编辑器)


点击Watch Sass

Watching状态后就可以用了。。。over


Watching

右下角的watching sass记得点。。。

相关文章

网友评论

      本文标题:微信开发者工具使用扩展Live Sass Compiler编译s

      本文链接:https://www.haomeiwen.com/subject/falzfrtx.html