小程序中使用less

老王 • • 微信开发技术 • 216 阅读

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

1、编辑器是 vscode

2、安装插件 easy less

技术分享图片

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

技术分享图片

 

 

技术分享图片

 

 

技术分享图片

 

 

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

技术分享图片

 

 

到home.wxss文件中会自动变成：

技术分享图片

 

 

小程序中使用less

以上是小程序中使用less的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>