小程序中使用less

小程序中使用Less

原生小程序不支持less，其他基于小程序的框架大体都支持，如wepy，mpvue，taro等。但是仅仅因为一个less功能，而且引入一个框架，肯定是不可取的。因此可以用以下方式来实现

  • 编辑器 Vscode

    • 安装插件 easy less
    在这里插入图片描述

    在Vscode的设置中加入如下配置

    在vscode中打开设置
    在这里插入图片描述 在设置搜索框中输入 settings
    在这里插入图片描述

  • 输入以下代码

    		• "less.compile": {
    			"outExt": ".wxss"
    		}
    效果图如下：
    在这里插入图片描述
    1. 在要编写样式的地方，新建less文件，如 index.less，然后正常编辑即可
    posted @   SultanST  阅读(139)  评论(0)  编辑  收藏  举报
    相关博文：
    · 小程序less转wxss
    · 微信开发工具自定义扩展插件
    · 【微信小程序】小程序支持使用less
    · 如何在微信小程序中使用less开发
    · less的基本使用
    阅读排行：
    · 全程不用写代码，我用AI程序员写了一个飞机大战
    · DeepSeek 开源周回顾「GitHub 热点速览」
    · 记一次.NET内存居高不下排查解决与启示
    · MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
    · .NET10 - 预览版1新功能体验（一）
    点击右上角即可分享
    微信分享提示
    AI FOR CODE 大赛