VScode less转css和less转wxss

编程小橘子
本文介绍了VScode less转css和less转wxss相关内容,对大家解决问题具有一定的参考价值,需要的朋友们一起学习吧!

前言:less一种css的预编译器,可以使我们很方便的书写样式,然后再通过转换,使less文件成为我们浏览器能识别的css样式文件。有一种专门用来将less文件转换为css文件的软件, koala。但是VScode中对于这中转换也有一个插件, Easy LESS

首先安装插件,安装完成后然后点击插件右下角的设置: 在这里插入图片描述

然后再点击在 settings.json 中设置 在这里插入图片描述

最后,如果你是需要编写的less转换成微信小程序所识别的 wxss 文件的话,就在outEXT 配置后面写 .wxss ,如果是需要转换成css文件,就在outEXT配置后面写 .css 在这里插入图片描述

最后当我们书写完less文件按ctrl + s保存的时候就会自动给我们生成你所须要的wxss或者css文件,看转换的效果如下: 在这里插入图片描述

该文章版权属于编程小橘子
摘录自:https://blog.csdn.net/qq_43353619/article/details/105544458

这篇关于VScode less转css和less转wxss的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!