小程序中使用less

时间:2020-06-01 13:47:10   收藏:0   阅读:53

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

1、编辑器是 vscode

2、安装插件 easy less

技术分享图片

3、vscode的设置中加入如下配置:

技术分享图片

 

 

技术分享图片

 

 

技术分享图片

 

 

4、在要编写样式的地方,新建less文件,如home.less,然后正常编辑即可:

技术分享图片

 

 

home.wxss文件中会自动变成:

技术分享图片

 

 

原文:https://www.cnblogs.com/chenyn/p/13024294.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!