当前位置:   article > 正文

如何在微信小程序中使用less开发_微信小程序 less

微信小程序 less

VScode的Esay-less插件

第一步:直接先在 vscode 安装 easy-less 插件

第二步:点击微信开发者工具的扩展按钮,再点击扩展下的三个小点,选择从已解包的扩展文件夹安装

在这里插入图片描述

第三步:选择这个less文件夹

在这里插入图片描述

第四步:设置输出.wxss
到这里还差最后一步,因为Easy-less,默认输出的css,但是小程序中要使用.wxss的文件,所以设置一下输出的文件后缀即可。

在这里插入图片描述
在这里插入图片描述

  1. 设置成功后,然后在 pages 目录下随便找个页面新建一个index.less,写一点 CSS 保存看看
    index.wxss,有没有发生变化…
  2. 如果还没变化:建议重启小程序
  3. 如果还还没变化:建议换篇文章~
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/513623
推荐阅读
相关标签
  

闽ICP备14008679号