如何在小程序中使用less

Posted 2022-11-25 yun382657988

刚开始学小程序的时候在B站跟着老师学习的，免费的课程，讲真，学到了不少东西，主要我是个小白，这个课程也适合小白学习，链接在此：B站微信小程序免费课程

里面老师用less写样式，小程序工具自动转化wxss，个人觉得方便很多。不过在安装过程中我没少折腾，又是找方法，又是下载vscode的。

那么如何在小程序中用less写呢？

1、首先下载mrcrowl.easy-less-1.7.2

这里我已经上传到百度云网盘，有需要的猿友自取 链接：百度云链接  提取码：q4k7 

2、粘贴扩展文件夹 

打开微信开发者工具，top栏，设置>扩展设置>扩展>自定义扩展，

点击，“打开扩展文件夹”，然后就会打开一个文件夹，copy到这个文件里就行了。

如下图：

3、设置输出.wxss

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

输入Easy-less搜索

4、重启微信开发工具

设置成功后，关闭小程序再打开，随便在某个目录下更改xx.wxss为xx.less，写样式然后保存看看wxss有没有变化。

效果如下：

至此结束，开始你愉快的开发吧。