美文网首页
小程序编辑器引入less

小程序编辑器引入less

作者: LELIN | 来源:发表于2021-03-31 09:39 被阅读0次

    1、vsCode中安装 easy less 插件


    image.png

    2、找到本地用户less包 (C:\Users\用户名.vscode\extensions)


    image.png

    3、文件拷贝至小程序编辑器中 设置>扩展>编辑器自定义扩展


    image.png
    image.png

    4、设置输出格式 .wxss
    Easy-less,默认输出的css,但是小程序中要使用.wxss的文件,所以设置一下输出的文件后缀


    image.png image.png

    5、重启微信开发者工具
    设置成功后,关闭小程序再打开,然后在 pages 目录下随便找个页面新建一个index.less,写一点 CSS 保存看看 index.wxss,有没有发生变化...

    相关文章

      网友评论

          本文标题:小程序编辑器引入less

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